使用CSS绘制星级评分效果的方法

   -ms-transform:     rotate(-70deg);   
   -o-transform:      rotate(-70deg);   
   content: "";   
}  

有了这个基础，基本上星级评分的效果就容易实现了：
下图是Demo中会用到的图，可右键另存

HTML Code

 

XML/HTML Code复制内容到剪贴板

<ul class="rating nostar">  
                            <li class="one"><a href="#" title="1 Star">1</a>  
                            </li>  
                            <li class="two"><a href="#" title="2 Stars">2</a>  
                            </li>  
                            <li class="three"><a href="#" title="3 Stars">3</a>  
                            </li>  
                            <li class="four"><a href="#" title="4 Stars">4</a>  
                            </li>  
                            <li class="five"><a href="#" title="5 Stars">5</a>  
                            </li>