css 星级

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 星级相关的知识,希望对你有一定的参考价值。

/* star rating */

.star_rating, .star_rating span{ background:url(../images/stars_small.png) no-repeat; height:15px; width:71px; display:inline-block;}

.star_rating span{ background-position: left bottom;}

.star_rating .half{ width:8px;}

.star_rating .one{ width:15px;}

.star_rating .one_half{ width:22px;}

.star_rating .two{ width:29px;}

.star_rating .two_half{ width:36px;}

.star_rating .three{ width:42px;}

.star_rating .three_half{ width:49px;}

.star_rating .four{ width:56px;}

.star_rating .four_half{ width:63px;}

.star_rating .five{ width:71px;}

以上是关于css 星级的主要内容,如果未能解决你的问题,请参考以下文章

html 纯CSS星级

css facetwp不显示和悬停星级评分

css 星级

css 支持 - 缺少评级星级bug - 新的

css 支持 - 缺少评级星级bug - 新的

如何通过淘汰赛实现 CSS 星级评分