介绍一套从小到大的不同款式的星星代码，有小星星，中等级别的和大星星三种不同尺寸的，通过简单的样式你可以很快的应用到星星评分当中。
淘建站为您提供更多_html/css_图形_星星_大众点评，在此特别感谢您对我们的支持与厚爱！
查看演示
演示不了，点击反馈
加入收藏
下载 469 次
打赏作者
觉得不错，可打赏下作者
下载资源
免费共享
特别说明：本站资源来自网友发布分享，仅供学习与参考，请勿用于商业用途，若有侵权请联系删除(272966172@qq.com)。
HTML
小星星HTML代码：从半颗星到五颗星
<span class="smallstar10 smallstar"></span>
<span class="smallstar9 smallstar"></span>
<span class="smallstar8 smallstar"></span>
<span class="smallstar7 smallstar"></span>
<span class="smallstar6 smallstar"></span>
<span class="smallstar5 smallstar"></span>
<span class="smallstar4 smallstar"></span>
<span class="smallstar3 smallstar"></span>
<span class="smallstar2 smallstar"></span>
<span class="smallstar1 smallstar"></span>CSS
小星星样式
.smallstar10{background:url(../images/stars.png) no-repeat 0 0;}
.smallstar9{background:url(../images/stars.png) no-repeat 0 -17px;}
.smallstar8{background:url(../images/stars.png) no-repeat 0 -34px;}
.smallstar7{background:url(../images/stars.png) no-repeat 0 -51px;}
.smallstar6{background:url(../images/stars.png) no-repeat 0 -68px;}
.smallstar5{background:url(../images/stars.png) no-repeat 0 -85px;}
.smallstar4{background:url(../images/stars.png) no-repeat 0 -102px;}
.smallstar3{background:url(../images/stars.png) no-repeat 0 -119px;}
.smallstar2{background:url(../images/stars.png) no-repeat 0 -136px;}
.smallstar1{background:url(../images/stars.png) no-repeat 0 -153px;}
.smallstar{width:63px;height:12px;}
