zoukankan      html  css  js  c++  java
  • CSS从大图片上截取小图标的操作(转)

    一张图片,用CSS分割成多个小图标。

    css样式:

    [css] view plaincopy
     
    1. .icon{ background:url(../images/tabicons.png) no-repeat;18px; line-height:18px; display:inline-block;}  
    2. .tu0101{background-position:-0px -0px;}  
    3. .tu0201{background-position:-20px -0px;}  
    4. .tu0301{background-position:-40px -0px;}  
    5. .tu0401{background-position:-60px -0px;}  
    6. .tu0501{background-position:-80px -0px;}  
    7. .tu0601{background-position:-100px -0px;}  
    8. .tu0701{background-position:-120px -0px;}  
    9. .tu0801{background-position:-140px -0px;}  
    10. .tu0901{background-position:-160px -0px;}  
    11. .tu1001{background-position:-180px -0px;}  
    12. .tu1101{background-position:-200px -0px;}  
    13. .tu1201{background-position:-220px -0px;}  
    14. .tu1301{background-position:-240px -0px;}  
    15. .tu1401{background-position:-260px -0px;}  
    16. .tu1501{background-position:-280px -0px;}  
    17. .tu1601{background-position:-300px -0px;}  
    18. .tu1701{background-position:-320px -0px;}  
    19. .tu1801{background-position:-340px -0px;}  
    20. .tu1901{background-position:-360px -0px;}  
    21. .tu2001{background-position:-380px -0px;}  
    22. .tu0102{background-position:-0px -20px;}  
    23. .tu0202{background-position:-20px -20px;}  
    24. .tu0302{background-position:-40px -20px;}  
    25. .tu0402{background-position:-60px -20px;}  
    26. .tu0502{background-position:-80px -20px;}  
    27. .tu0602{background-position:-100px -20px;}  
    28. .tu0702{background-position:-120px -20px;}  
    29. .tu0802{background-position:-140px -20px;}  
    30. .tu0902{background-position:-160px -20px;}  
    31. .tu1002{background-position:-180px -20px;}  
    32. .tu1102{background-position:-200px -20px;}  
    33. .tu1202{background-position:-220px -20px;}  
    34. .tu1302{background-position:-240px -20px;}  
    35. .tu1402{background-position:-260px -20px;}  
    36. .tu1502{background-position:-280px -20px;}  
    37. .tu1602{background-position:-300px -20px;}  
    38. .tu1702{background-position:-320px -20px;}  
    39. .tu1802{background-position:-340px -20px;}  
    40. .tu1902{background-position:-360px -20px;}  
    41. .tu2002{background-position:-380px -20px;}  
    42. .tu0103{background-position:-0px -40px;}  
    43. .tu0203{background-position:-20px -40px;}  
    44. .tu0303{background-position:-40px -40px;}  
    45. .tu0403{background-position:-60px -40px;}  
    46. .tu0503{background-position:-80px -40px;}  
    47. .tu0603{background-position:-100px -40px;}  
    48. .tu0703{background-position:-120px -40px;}  
    49. .tu0803{background-position:-140px -40px;}  
    50. .tu0903{background-position:-160px -40px;}  
    51. .tu1003{background-position:-180px -40px;}  
    52. .tu1103{background-position:-200px -40px;}  
    53. .tu1203{background-position:-220px -40px;}  
    54. .tu1303{background-position:-240px -40px;}  
    55. .tu1403{background-position:-260px -40px;}  
    56. .tu1503{background-position:-280px -40px;}  
    57. .tu1603{background-position:-300px -40px;}  
    58. .tu1703{background-position:-320px -40px;}  
    59. .tu1803{background-position:-340px -40px;}  
    60. .tu1903{background-position:-360px -40px;}  
    61. .tu2003{background-position:-380px -40px;}  
    62. .tu0104{background-position:-0px -60px;}  
    63. .tu0204{background-position:-20px -60px;}  
    64. .tu0304{background-position:-40px -60px;}  
    65. .tu0404{background-position:-60px -60px;}  
    66. .tu0504{background-position:-80px -60px;}  
    67. .tu0604{background-position:-100px -60px;}  
    68. .tu0704{background-position:-120px -60px;}  
    69. .tu0804{background-position:-140px -60px;}  
    70. .tu0904{background-position:-160px -60px;}  
    71. .tu1004{background-position:-180px -60px;}  
    72. .tu1104{background-position:-200px -60px;}  
    73. .tu1204{background-position:-220px -60px;}  
    74. .tu1304{background-position:-240px -60px;}  
    75. .tu1404{background-position:-260px -60px;}  
    76. .tu1504{background-position:-280px -60px;}  
    77. .tu1604{background-position:-300px -60px;}  
    78. .tu1704{background-position:-320px -60px;}  
    79. .tu1804{background-position:-340px -60px;}  
    80. .tu1904{background-position:-360px -60px;}  
    81. .tu2004{background-position:-380px -60px;}  
    82. .tu0105{background-position:-0px -80px;}  
    83. .tu0205{background-position:-20px -80px;}  
    84. .tu0305{background-position:-40px -80px;}  
    85. .tu0405{background-position:-60px -80px;}  
    86. .tu0505{background-position:-80px -80px;}  
    87. .tu0605{background-position:-100px -80px;}  
    88. .tu0705{background-position:-120px -80px;}  
    89. .tu0805{background-position:-140px -80px;}  
    90. .tu0905{background-position:-160px -80px;}  
    91. .tu1005{background-position:-180px -80px;}  
    92. .tu1105{background-position:-200px -80px;}  
    93. .tu1205{background-position:-220px -80px;}  
    94. .tu1305{background-position:-240px -80px;}  
    95. .tu1405{background-position:-260px -80px;}  
    96. .tu1505{background-position:-280px -80px;}  
    97. .tu1605{background-position:-300px -80px;}  
    98. .tu1705{background-position:-320px -80px;}  
    99. .tu1805{background-position:-340px -80px;}  
    100. .tu1905{background-position:-360px -80px;}  
    101. .tu2005{background-position:-380px -80px;}  
    102. .tu0106{background-position:-0px -100px;}  
    103. .tu0206{background-position:-20px -100px;}  
    104. .tu0306{background-position:-40px -100px;}  
    105. .tu0406{background-position:-60px -100px;}  
    106. .tu0506{background-position:-80px -100px;}  
    107. .tu0606{background-position:-100px -100px;}  
    108. .tu0706{background-position:-120px -100px;}  
    109. .tu0806{background-position:-140px -100px;}  
    110. .tu0906{background-position:-160px -100px;}  
    111. .tu1006{background-position:-180px -100px;}  
    112. .tu1106{background-position:-200px -100px;}  
    113. .tu1206{background-position:-220px -100px;}  
    114. .tu1306{background-position:-240px -100px;}  
    115. .tu1406{background-position:-260px -100px;}  
    116. .tu1506{background-position:-280px -100px;}  
    117. .tu1606{background-position:-300px -100px;}  
    118. .tu1706{background-position:-320px -100px;}  
    119. .tu1806{background-position:-340px -100px;}  
    120. .tu1906{background-position:-360px -100px;}  
    121. .tu2006{background-position:-380px -100px;}  
    122. .tu0107{background-position:-0px -120px;}  
    123. .tu0207{background-position:-20px -120px;}  
    124. .tu0307{background-position:-40px -120px;}  
    125. .tu0407{background-position:-60px -120px;}  
    126. .tu0507{background-position:-80px -120px;}  
    127. .tu0607{background-position:-100px -120px;}  
    128. .tu0707{background-position:-120px -120px;}  
    129. .tu0807{background-position:-140px -120px;}  
    130. .tu0907{background-position:-160px -120px;}  
    131. .tu1007{background-position:-180px -120px;}  
    132. .tu1107{background-position:-200px -120px;}  
    133. .tu1207{background-position:-220px -120px;}  
    134. .tu1307{background-position:-240px -120px;}  
    135. .tu1407{background-position:-260px -120px;}  
    136. .tu1507{background-position:-280px -120px;}  
    137. .tu1607{background-position:-300px -120px;}  
    138. .tu1707{background-position:-320px -120px;}  
    139. .tu1807{background-position:-340px -120px;}  
    140. .tu1907{background-position:-360px -120px;}  
    141. .tu2007{background-position:-380px -120px;}  
    142. .tu0108{background-position:-0px -140px;}  
    143. .tu0208{background-position:-20px -140px;}  
    144. .tu0308{background-position:-40px -140px;}  
    145. .tu0408{background-position:-60px -140px;}  
    146. .tu0508{background-position:-80px -140px;}  
    147. .tu0608{background-position:-100px -140px;}  
    148. .tu0708{background-position:-120px -140px;}  
    149. .tu0808{background-position:-140px -140px;}  
    150. .tu0908{background-position:-160px -140px;}  
    151. .tu1008{background-position:-180px -140px;}  
    152. .tu1108{background-position:-200px -140px;}  
    153. .tu1208{background-position:-220px -140px;}  
    154. .tu1308{background-position:-240px -140px;}  
    155. .tu1408{background-position:-260px -140px;}  
    156. .tu1508{background-position:-280px -140px;}  
    157. .tu1608{background-position:-300px -140px;}  
    158. .tu1708{background-position:-320px -140px;}  
    159. .tu1808{background-position:-340px -140px;}  
    160. .tu1908{background-position:-360px -140px;}  
    161. .tu2008{background-position:-380px -140px;}  
    162. .tu0109{background-position:-0px -160px;}  
    163. .tu0209{background-position:-20px -160px;}  
    164. .tu0309{background-position:-40px -160px;}  
    165. .tu0409{background-position:-60px -160px;}  
    166. .tu0509{background-position:-80px -160px;}  
    167. .tu0609{background-position:-100px -160px;}  
    168. .tu0709{background-position:-120px -160px;}  
    169. .tu0809{background-position:-140px -160px;}  
    170. .tu0909{background-position:-160px -160px;}  
    171. .tu1009{background-position:-180px -160px;}  
    172. .tu1109{background-position:-200px -160px;}  
    173. .tu1209{background-position:-220px -160px;}  
    174. .tu1309{background-position:-240px -160px;}  
    175. .tu1409{background-position:-260px -160px;}  
    176. .tu1509{background-position:-280px -160px;}  
    177. .tu1609{background-position:-300px -160px;}  
    178. .tu1709{background-position:-320px -160px;}  
    179. .tu1809{background-position:-340px -160px;}  
    180. .tu1909{background-position:-360px -160px;}  
    181. .tu2009{background-position:-380px -160px;}  
    182. .tu0110{background-position:-0px -180px;}  
    183. .tu0210{background-position:-20px -180px;}  
    184. .tu0310{background-position:-40px -180px;}  
    185. .tu0410{background-position:-60px -180px;}  
    186. .tu0510{background-position:-80px -180px;}  
    187. .tu0610{background-position:-100px -180px;}  
    188. .tu0710{background-position:-120px -180px;}  
    189. .tu0810{background-position:-140px -180px;}  
    190. .tu0910{background-position:-160px -180px;}  
    191. .tu1010{background-position:-180px -180px;}  
    192. .tu1110{background-position:-200px -180px;}  
    193. .tu1210{background-position:-220px -180px;}  
    194. .tu1310{background-position:-240px -180px;}  
    195. .tu1410{background-position:-260px -180px;}  
    196. .tu1510{background-position:-280px -180px;}  
    197. .tu1610{background-position:-300px -180px;}  
    198. .tu1710{background-position:-320px -180px;}  
    199. .tu1810{background-position:-340px -180px;}  
    200. .tu1910{background-position:-360px -180px;}  
    201. .tu2010{background-position:-380px -180px;}  
    202. .tu0111{background-position:-0px -200px;}  
    203. .tu0211{background-position:-20px -200px;}  
    204. .tu0311{background-position:-40px -200px;}  
    205. .tu0411{background-position:-60px -200px;}  
    206. .tu0511{background-position:-80px -200px;}  
    207. .tu0611{background-position:-100px -200px;}  
    208. .tu0711{background-position:-120px -200px;}  
    209. .tu0811{background-position:-140px -200px;}  
    210. .tu0911{background-position:-160px -200px;}  
    211. .tu1011{background-position:-180px -200px;}  
    212. .tu1111{background-position:-200px -200px;}  
    213. .tu1211{background-position:-220px -200px;}  
    214. .tu1311{background-position:-240px -200px;}  
    215. .tu1411{background-position:-260px -200px;}  
    216. .tu1511{background-position:-280px -200px;}  
    217. .tu1611{background-position:-300px -200px;}  
    218. .tu1711{background-position:-320px -200px;}  
    219. .tu1811{background-position:-340px -200px;}  
    220. .tu1911{background-position:-360px -200px;}  
    221. .tu2011{background-position:-380px -200px;}  
    222. .tu0112{background-position:-0px -220px;}  
    223. .tu0212{background-position:-20px -220px;}  
    224. .tu0312{background-position:-40px -220px;}  
    225. .tu0412{background-position:-60px -220px;}  
    226. .tu0512{background-position:-80px -220px;}  
    227. .tu0612{background-position:-100px -220px;}  
    228. .tu0712{background-position:-120px -220px;}  
    229. .tu0812{background-position:-140px -220px;}  
    230. .tu0912{background-position:-160px -220px;}  
    231. .tu1012{background-position:-180px -220px;}  
    232. .tu1112{background-position:-200px -220px;}  
    233. .tu1212{background-position:-220px -220px;}  
    234. .tu1312{background-position:-240px -220px;}  
    235. .tu1412{background-position:-260px -220px;}  
    236. .tu1512{background-position:-280px -220px;}  
    237. .tu1612{background-position:-300px -220px;}  
    238. .tu1712{background-position:-320px -220px;}  
    239. .tu1812{background-position:-340px -220px;}  
    240. .tu1912{background-position:-360px -220px;}  
    241. .tu2012{background-position:-380px -220px;}  
    242. .tu0113{background-position:-0px -240px;}  
    243. .tu0213{background-position:-20px -240px;}  
    244. .tu0313{background-position:-40px -240px;}  
    245. .tu0413{background-position:-60px -240px;}  
    246. .tu0513{background-position:-80px -240px;}  
    247. .tu0613{background-position:-100px -240px;}  
    248. .tu0713{background-position:-120px -240px;}  
    249. .tu0813{background-position:-140px -240px;}  
    250. .tu0913{background-position:-160px -240px;}  
    251. .tu1013{background-position:-180px -240px;}  
    252. .tu1113{background-position:-200px -240px;}  
    253. .tu1213{background-position:-220px -240px;}  
    254. .tu1313{background-position:-240px -240px;}  
    255. .tu1413{background-position:-260px -240px;}  
    256. .tu1513{background-position:-280px -240px;}  
    257. .tu1613{background-position:-300px -240px;}  
    258. .tu1713{background-position:-320px -240px;}  
    259. .tu1813{background-position:-340px -240px;}  
    260. .tu1913{background-position:-360px -240px;}  
    261. .tu2013{background-position:-380px -240px;}  
    262. .tu0114{background-position:-0px -260px;}  
    263. .tu0214{background-position:-20px -260px;}  
    264. .tu0314{background-position:-40px -260px;}  
    265. .tu0414{background-position:-60px -260px;}  
    266. .tu0514{background-position:-80px -260px;}  
    267. .tu0614{background-position:-100px -260px;}  
    268. .tu0714{background-position:-120px -260px;}  
    269. .tu0814{background-position:-140px -260px;}  
    270. .tu0914{background-position:-160px -260px;}  
    271. .tu1014{background-position:-180px -260px;}  
    272. .tu1114{background-position:-200px -260px;}  
    273. .tu1214{background-position:-220px -260px;}  
    274. .tu1314{background-position:-240px -260px;}  
    275. .tu1414{background-position:-260px -260px;}  
    276. .tu1514{background-position:-280px -260px;}  
    277. .tu1614{background-position:-300px -260px;}  
    278. .tu1714{background-position:-320px -260px;}  
    279. .tu1814{background-position:-340px -260px;}  
    280. .tu1914{background-position:-360px -260px;}  
    281. .tu2014{background-position:-380px -260px;}  
    282. .tu0115{background-position:-0px -280px;}  
    283. .tu0215{background-position:-20px -280px;}  
    284. .tu0315{background-position:-40px -280px;}  
    285. .tu0415{background-position:-60px -280px;}  
    286. .tu0515{background-position:-80px -280px;}  
    287. .tu0615{background-position:-100px -280px;}  
    288. .tu0715{background-position:-120px -280px;}  
    289. .tu0815{background-position:-140px -280px;}  
    290. .tu0915{background-position:-160px -280px;}  
    291. .tu1015{background-position:-180px -280px;}  
    292. .tu1115{background-position:-200px -280px;}  
    293. .tu1215{background-position:-220px -280px;}  
    294. .tu1315{background-position:-240px -280px;}  
    295. .tu1415{background-position:-260px -280px;}  
    296. .tu1515{background-position:-280px -280px;}  
    297. .tu1615{background-position:-300px -280px;}  
    298. .tu1715{background-position:-320px -280px;}  
    299. .tu1815{background-position:-340px -280px;}  
    300. .tu1915{background-position:-360px -280px;}  
    301. .tu2015{background-position:-380px -280px;}  
    302. .tu0116{background-position:-0px -300px;}  
    303. .tu0216{background-position:-20px -300px;}  
    304. .tu0316{background-position:-40px -300px;}  
    305. .tu0416{background-position:-60px -300px;}  
    306. .tu0516{background-position:-80px -300px;}  
    307. .tu0616{background-position:-100px -300px;}  
    308. .tu0716{background-position:-120px -300px;}  
    309. .tu0816{background-position:-140px -300px;}  
    310. .tu0916{background-position:-160px -300px;}  
    311. .tu1016{background-position:-180px -300px;}  
    312. .tu1116{background-position:-200px -300px;}  
    313. .tu1216{background-position:-220px -300px;}  
    314. .tu1316{background-position:-240px -300px;}  
    315. .tu1416{background-position:-260px -300px;}  
    316. .tu1516{background-position:-280px -300px;}  
    317. .tu1616{background-position:-300px -300px;}  
    318. .tu1716{background-position:-320px -300px;}  
    319. .tu1816{background-position:-340px -300px;}  
    320. .tu1916{background-position:-360px -300px;}  
    321. .tu2016{background-position:-380px -300px;}  
    322. .tu0117{background-position:-0px -320px;}  
    323. .tu0217{background-position:-20px -320px;}  
    324. .tu0317{background-position:-40px -320px;}  
    325. .tu0417{background-position:-60px -320px;}  
    326. .tu0517{background-position:-80px -320px;}  
    327. .tu0617{background-position:-100px -320px;}  
    328. .tu0717{background-position:-120px -320px;}  
    329. .tu0817{background-position:-140px -320px;}  
    330. .tu0917{background-position:-160px -320px;}  
    331. .tu1017{background-position:-180px -320px;}  
    332. .tu1117{background-position:-200px -320px;}  
    333. .tu1217{background-position:-220px -320px;}  
    334. .tu1317{background-position:-240px -320px;}  
    335. .tu1417{background-position:-260px -320px;}  
    336. .tu1517{background-position:-280px -320px;}  
    337. .tu1617{background-position:-300px -320px;}  
    338. .tu1717{background-position:-320px -320px;}  
    339. .tu1817{background-position:-340px -320px;}  
    340. .tu1917{background-position:-360px -320px;}  
    341. .tu2017{background-position:-380px -320px;}  
    342. .tu0118{background-position:-0px -340px;}  
    343. .tu0218{background-position:-20px -340px;}  
    344. .tu0318{background-position:-40px -340px;}  
    345. .tu0418{background-position:-60px -340px;}  
    346. .tu0518{background-position:-80px -340px;}  
    347. .tu0618{background-position:-100px -340px;}  
    348. .tu0718{background-position:-120px -340px;}  
    349. .tu0818{background-position:-140px -340px;}  
    350. .tu0918{background-position:-160px -340px;}  
    351. .tu1018{background-position:-180px -340px;}  
    352. .tu1118{background-position:-200px -340px;}  
    353. .tu1218{background-position:-220px -340px;}  
    354. .tu1318{background-position:-240px -340px;}  
    355. .tu1418{background-position:-260px -340px;}  
    356. .tu1518{background-position:-280px -340px;}  
    357. .tu1618{background-position:-300px -340px;}  
    358. .tu1718{background-position:-320px -340px;}  
    359. .tu1818{background-position:-340px -340px;}  
    360. .tu1918{background-position:-360px -340px;}  
    361. .tu2018{background-position:-380px -340px;}  
    362. .tu0119{background-position:-0px -360px;}  
    363. .tu0219{background-position:-20px -360px;}  
    364. .tu0319{background-position:-40px -360px;}  
    365. .tu0419{background-position:-60px -360px;}  
    366. .tu0519{background-position:-80px -360px;}  
    367. .tu0619{background-position:-100px -360px;}  
    368. .tu0719{background-position:-120px -360px;}  
    369. .tu0819{background-position:-140px -360px;}  
    370. .tu0919{background-position:-160px -360px;}  
    371. .tu1019{background-position:-180px -360px;}  
    372. .tu1119{background-position:-200px -360px;}  
    373. .tu1219{background-position:-220px -360px;}  
    374. .tu1319{background-position:-240px -360px;}  
    375. .tu1419{background-position:-260px -360px;}  
    376. .tu1519{background-position:-280px -360px;}  
    377. .tu1619{background-position:-300px -360px;}  
    378. .tu1719{background-position:-320px -360px;}  
    379. .tu1819{background-position:-340px -360px;}  
    380. .tu1919{background-position:-360px -360px;}  
    381. .tu2019{background-position:-380px -360px;}  
    382. .tu0120{background-position:-0px -380px;}  
    383. .tu0220{background-position:-20px -380px;}  
    384. .tu0320{background-position:-40px -380px;}  
    385. .tu0420{background-position:-60px -380px;}  
    386. .tu0520{background-position:-80px -380px;}  
    387. .tu0620{background-position:-100px -380px;}  
    388. .tu0720{background-position:-120px -380px;}  
    389. .tu0820{background-position:-140px -380px;}  
    390. .tu0920{background-position:-160px -380px;}  
    391. .tu1020{background-position:-180px -380px;}  
    392. .tu1120{background-position:-200px -380px;}  
    393. .tu1220{background-position:-220px -380px;}  
    394. .tu1320{background-position:-240px -380px;}  
    395. .tu1420{background-position:-260px -380px;}  
    396. .tu1520{background-position:-280px -380px;}  
    397. .tu1620{background-position:-300px -380px;}  
    398. .tu1720{background-position:-320px -380px;}  
    399. .tu1820{background-position:-340px -380px;}  
    400. .tu1920{background-position:-360px -380px;}  
    401. .tu2020{background-position:-380px -380px;}  
    402. .tu0121{background-position:-0px -400px;}  
    403. .tu0221{background-position:-20px -400px;}  
    404. .tu0321{background-position:-40px -400px;}  
    405. .tu0421{background-position:-60px -400px;}  
    406. .tu0521{background-position:-80px -400px;}  
    407. .tu0621{background-position:-100px -400px;}  
    408. .tu0721{background-position:-120px -400px;}  
    409. .tu0821{background-position:-140px -400px;}  
    410. .tu0921{background-position:-160px -400px;}  
    411. .tu1021{background-position:-180px -400px;}  
    412. .tu1121{background-position:-200px -400px;}  
    413. .tu1221{background-position:-220px -400px;}  
    414. .tu1321{background-position:-240px -400px;}  
    415. .tu1421{background-position:-260px -400px;}  
    416. .tu1521{background-position:-280px -400px;}  
    417. .tu1621{background-position:-300px -400px;}  
    418. .tu1721{background-position:-320px -400px;}  
    419. .tu1821{background-position:-340px -400px;}  
    420. .tu1921{background-position:-360px -400px;}  
    421. .tu2021{background-position:-380px -400px;}  
    422. .tu0122{background-position:-0px -420px;}  
    423. .tu0222{background-position:-20px -420px;}  
    424. .tu0322{background-position:-40px -420px;}  
    425. .tu0422{background-position:-60px -420px;}  
    426. .tu0522{background-position:-80px -420px;}  
    427. .tu0622{background-position:-100px -420px;}  
    428. .tu0722{background-position:-120px -420px;}  
    429. .tu0822{background-position:-140px -420px;}  
    430. .tu0922{background-position:-160px -420px;}  
    431. .tu1022{background-position:-180px -420px;}  
    432. .tu1122{background-position:-200px -420px;}  
    433. .tu1222{background-position:-220px -420px;}  
    434. .tu1322{background-position:-240px -420px;}  
    435. .tu1422{background-position:-260px -420px;}  
    436. .tu1522{background-position:-280px -420px;}  
    437. .tu1622{background-position:-300px -420px;}  
    438. .tu1722{background-position:-320px -420px;}  
    439. .tu1822{background-position:-340px -420px;}  
    440. .tu1922{background-position:-360px -420px;}  
    441. .tu2022{background-position:-380px -420px;}  
    442. .tu0123{background-position:-0px -440px;}  
    443. .tu0223{background-position:-20px -440px;}  
    444. .tu0323{background-position:-40px -440px;}  
    445. .tu0423{background-position:-60px -440px;}  
    446. .tu0523{background-position:-80px -440px;}  
    447. .tu0623{background-position:-100px -440px;}  
    448. .tu0723{background-position:-120px -440px;}  
    449. .tu0823{background-position:-140px -440px;}  
    450. .tu0923{background-position:-160px -440px;}  
    451. .tu1023{background-position:-180px -440px;}  
    452. .tu1123{background-position:-200px -440px;}  
    453. .tu1223{background-position:-220px -440px;}  
    454. .tu1323{background-position:-240px -440px;}  
    455. .tu1423{background-position:-260px -440px;}  
    456. .tu1523{background-position:-280px -440px;}  
    457. .tu1623{background-position:-300px -440px;}  
    458. .tu1723{background-position:-320px -440px;}  
    459. .tu1823{background-position:-340px -440px;}  
    460. .tu1923{background-position:-360px -440px;}  
    461. .tu2023{background-position:-380px -440px;}  
    462. .tu0124{background-position:-0px -460px;}  
    463. .tu0224{background-position:-20px -460px;}  
    464. .tu0324{background-position:-40px -460px;}  
    465. .tu0424{background-position:-60px -460px;}  
    466. .tu0524{background-position:-80px -460px;}  
    467. .tu0624{background-position:-100px -460px;}  
    468. .tu0724{background-position:-120px -460px;}  
    469. .tu0824{background-position:-140px -460px;}  
    470. .tu0924{background-position:-160px -460px;}  
    471. .tu1024{background-position:-180px -460px;}  
    472. .tu1124{background-position:-200px -460px;}  
    473. .tu1224{background-position:-220px -460px;}  
    474. .tu1324{background-position:-240px -460px;}  
    475. .tu1424{background-position:-260px -460px;}  
    476. .tu1524{background-position:-280px -460px;}  
    477. .tu1624{background-position:-300px -460px;}  
    478. .tu1724{background-position:-320px -460px;}  
    479. .tu1824{background-position:-340px -460px;}  
    480. .tu1924{background-position:-360px -460px;}  
    481. .tu2024{background-position:-380px -460px;}  
    482. .tu0125{background-position:-0px -480px;}  
    483. .tu0225{background-position:-20px -480px;}  
    484. .tu0325{background-position:-40px -480px;}  
    485. .tu0425{background-position:-60px -480px;}  
    486. .tu0525{background-position:-80px -480px;}  
    487. .tu0625{background-position:-100px -480px;}  
    488. .tu0725{background-position:-120px -480px;}  
    489. .tu0825{background-position:-140px -480px;}  
    490. .tu0925{background-position:-160px -480px;}  
    491. .tu1025{background-position:-180px -480px;}  
    492. .tu1125{background-position:-200px -480px;}  
    493. .tu1225{background-position:-220px -480px;}  
    494. .tu1325{background-position:-240px -480px;}  
    495. .tu1425{background-position:-260px -480px;}  
    496. .tu1525{background-position:-280px -480px;}  
    497. .tu1625{background-position:-300px -480px;}  
    498. .tu1725{background-position:-320px -480px;}  
    499. .tu1825{background-position:-340px -480px;}  
    500. .tu1925{background-position:-360px -480px;}  
    501. .tu2025{background-position:-380px -480px;}  
    502. .tu0126{background-position:-0px -500px;}  
    503. .tu0226{background-position:-20px -500px;}  
    504. .tu0326{background-position:-40px -500px;}  
    505. .tu0426{background-position:-60px -500px;}  
    506. .tu0526{background-position:-80px -500px;}  
    507. .tu0626{background-position:-100px -500px;}  
    508. .tu0726{background-position:-120px -500px;}  
    509. .tu0826{background-position:-140px -500px;}  
    510. .tu0926{background-position:-160px -500px;}  
    511. .tu1026{background-position:-180px -500px;}  
    512. .tu1126{background-position:-200px -500px;}  
    513. .tu1226{background-position:-220px -500px;}  
    514. .tu1326{background-position:-240px -500px;}  
    515. .tu1426{background-position:-260px -500px;}  
    516. .tu1526{background-position:-280px -500px;}  
    517. .tu1626{background-position:-300px -500px;}  
    518. .tu1726{background-position:-320px -500px;}  
    519. .tu1826{background-position:-340px -500px;}  
    520. .tu1926{background-position:-360px -500px;}  
    521. .tu2026{background-position:-380px -500px;}  


     

    调用:直接class="icon tu0501"

  • 相关阅读:
    Excel VBA 根据下拉框单元格的值来改变另一个下拉框单元格的值
    HTML Encode 和Decode
    端口号8080和8181被占用的解决方法!
    Eclipse中全局搜索和更替
    HTTP协议详解
    SQL server 常用语句
    50道 Sql语句题
    JAVA过滤器与SpringMVC拦截器之间的区别
    javaWeb中 servlet 、request 、response
    Java 中的 request 和response 区别
  • 原文地址:https://www.cnblogs.com/starksoft/p/4195453.html
Copyright © 2011-2022 走看看