css中经常对列表添加图标，为了便于添加图标，我们一次性将图标添加到一张图中，比如
有5个span每个span中有i，i中有图标 我们就可以这样
.content_toolbar span i{ display: inline-block; width: 18px; height: 18px; background: url("images/icon_sprite.png") no-repeat 0 0; vertical-align: middle; margin-right: 10px; } .content_toolbar span:nth-child(1) i{ background-position:-60px -20px ; } .content_toolbar span:nth-child(2) i{ background-position: -20px -20px; } .content_toolbar span:nth-child(3) i{ background-position: -40px -240px; } .content_toolbar span:nth-child(4) i{ background-position:-100px -20px ; } .content_toolbar span:nth-child(5) i{ background-position: -40px -300px; }
java
运行
1234567891011121314151617181920212223这样就可以找到对应的图标，具体位置px，提前在photoshop上找好
