前端“心形”打分-五星评分-利用图片定位显示心形

第一步：body内基本样式

<ul id="ul1" >
    <li class="default"> </li>
    <li class="default"> </li>
    <li class="default"> </li>
    <li class="default"> </li>
    <li class="default"> </li>
 </ul>
    <div id="div"></div>

第二步：设置基本样式

<style type="text/css">
        #ul1{
            padding:0; 
            margin:0; 
            list-style:none;  
            width:300px; 
            height:28px;
        }
        #ul1 li{
            float:left; 
            /* 背景设置成未被点亮的星星 --替换上下图片  */
            background:url(star.gif) no-repeat 0 0; 
            width:27px; 
            height:28px; 
        }
        </st