순수 CSS를 사용하여 별 5개 등급을 구현하기 위한 예제 코드 공유

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 버전 다운로드

2. 무료 CSS 온라인 동영상 튜토리얼

3. php.cn Dugu Jiujian (2) - CSS 동영상 튜토리얼

위 내용은 순수 CSS를 사용하여 별 5개 등급을 구현하기 위한 예제 코드 공유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!