CSSGAMES: Pure CSS는 별 5개 평가 효과를 얻었습니다. 관심 있는 친구들이 한 번 살펴볼 수 있습니다.
업로드된 코드:
<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; } </样式>rrree
느낌이 꽤 좋아요.
【관련 추천】
1. 특별 추천: "php Programmer Toolbox" V0.1 버전 다운로드
3. php.cn Dugu Jiujian (2) - CSS 동영상 튜토리얼
위 내용은 순수 CSS를 사용하여 별 5개 등급을 구현하기 위한 예제 코드 공유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!