效果图:
主要HTML代码:
<div class="rating rating-3-half">
<i class="star-1">★</i>
<i class="star-2">★</i>
<i class="star-3">★</i>
<i class="star-4">★</i>
<i class="star-5">★</i>
</div>
主要css代码:
.rating {
margin: 10px 0;
}
.rating-3-half .star-4 {
border-left-color: #f0991e;
}
.rating i {
display: inline-block;
width: 0;
height: 1.5em;
border-width: 0 0.75em;