CSS从大图片上截取小图标的操作（转）

CSS从大图片上截取小图标的操作（转）

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

css样式：

1. .icon{background:url(../images/tabicons.png)no-repeat;width: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