CSS精灵写法_html/css_WEB-ITnose

无标题文档

.div1{ width:420px;}
.div1 li { list-style: none; float:left; border:1px solid #EAF3FA; background:#FBFCFF; margin:10px; width:120px; height:40px; line-height:40px; padding-left:10px;}
.div span{padding-left:25px;/*空出16px来显示图标*/
height: 35px; /*设定好高度，让超出部分不可见*/
background:url(888888.png) no-repeat;/*所有的li共享一张图片*/}
.a{ background-position:-19px -22px; width:25px; height:20px;}
.b{ background-position:-146px -22px;width:25px; height:20px;}
.c{ background-position:-19px -68px;width:25px; height:25px;}
.d{ background-position:-146px -70px;width:25px; height:25px;}
.e{ background-position:-21px -120px;width:25px; height:25px;}
.f{ background-position:-145px -120px;width:25px; height:25px;}
.g{ background-position:-21px -120px;width:25px; height:25px;}
.h{ background-position:-21px -120px;width:25px; height:25px;}
.i{ background-position:-21px -120px;width:25px; height:25px;}

aaaaa
bbbbb
ccccc
ddddd
eeeee
eeeee
eeeee
eeeee

查看更多关于CSS精灵写法_html/css_WEB-ITnose的详细内容...