星级评价

时间:2014-08-26 16:53:46   收藏:0   阅读:244

绝对原创:

css代码:

.star {
background: url(images/star0.png) no-repeat;       /***纯灰色5颗星图片****/
background-size: 100% 100%;
width: 72px;
display: inline-block;
vertical-align: bottom;
height: 12px;
}
.star i {
display: inline-block;
height: 12px;
background: url(images/star.png) no-repeat;   /***纯红色5颗星图片****/
overflow: hidden;
}

 

html代码:

<span class="star"><i style="width:50%;"></i></span>

原文:http://www.cnblogs.com/baoguanxia/p/3937388.html

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!