首页 > 技术文章 > CSS 数字

wujiangling 2020-07-10 15:02 原文

  

.panel .hot .hcount .hnum .num{width:17px;height:24px;float:left;margin-left:2px;display:inline;background-image:url(https://images.fabao365.com/site/www/zt/images/countnum.jpg);background-repeat:no-repeat;/* background-position:0px -1px; */}
.panel .hot .hcount .hnum .num1{background-position:0px -24px;}
.panel .hot .hcount .hnum .num2{background-position:0px -48px;}
.panel .hot .hcount .hnum .num3{background-position:0px -72px;}
.panel .hot .hcount .hnum .num4{background-position:0px -96px;}
.panel .hot .hcount .hnum .num5{background-position:0px -120px;}
.panel .hot .hcount .hnum .num6{background-position:0px -144px;}
.panel .hot .hcount .hnum .num7{background-position:0px -168px;}
.panel .hot .hcount .hnum .num8{background-position:0px -192px;}
.panel .hot .hcount .hnum .num9{background-position:0px -216px;}
Css
1 <div class="hnum">
2                 <div class="num num1"></div>
3                 <div class="num num2"></div>
4                 <div class="num num2"></div>
5                 <div class="num num3"></div>
6                 <div class="num num3"></div>
7                 <div class="num num7"></div>
8                 <div class="num num8"></div>                                                                                                
9 </div>
HTML

 

 

 

推荐阅读