分享一個純CSS實現五星評價的執行個體代碼

CSSGAMES：純CSS實現五星評價效果，感興趣的小夥伴們可以來看一下。

上代碼：

<style type =“text / css”>    。容器{        寬度：250px;        height：50px;        位置：親戚;        邊框：1px純紅色;    }    UL {        保證金：0;        填充：0;        位置：絕對        list-style：none;        寬度：100％;        身高：100％;        溢出：隱藏;    }    李{        z-index：1;        寬度：20％;        身高：100％;        float：left;        背景：#faf;        border-radius：50％;        / * box-shadow：2px red inset; * /    }    李：懸停+跨度{        顯示：塊;        z-index：99;        寬度：500％;        身高：100％;        float：left;        背景：#afa;    }    .backer {        位置：絕對        寬度：100％;        身高：100％;    }    .backer li {        背景：＃999;    }</樣式>

<div class =“container”>    <div class =“backer”>        <UL>            <li> </ li>            <li> </ li>            <li> </ li>            <li> </ li>            <li> </ li>        </ UL>    </ DIV>    <UL>        <li class =“li1”> </ li> <span> </ span>        <li class =“li2”> </ li> <span> </ span>        <li class =“li3”> </ li> <span> </ span>        <li class =“li4”> </ li> <span> </ span>        <li class =“li5”> </ li> <span> </ span>    </ UL></ DIV><div>另一個div </ div>

感覺還不錯吧。

【相關推薦】

1. 精選：“php程式員工具箱”V0.1版本下載

2. 免費css線上視頻教程

3. php.cn獨孤九賤（2）－css視頻教程