ホームページ  >  記事  >  ウェブフロントエンド  >  大きな画像から小さなアイコンをインターセプトする CSS 操作_html/css_WEB-ITnose

大きな画像から小さなアイコンをインターセプトする CSS 操作_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:51:251100ブラウズ

CSSを使用して画像を複数の小さなアイコンに分割します。

css スタイル:

[css] プレーンコピーを表示

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


调用:直接class="icon tu0501"

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。