主页
M
html5
JavaScript
DIV+CSS
前端美工
--网页制作--
Java与JSP
PHP
Python 3
Golang
R语言
--网络编程--
Mysql
Oracle
NoSQL
SQLite
--数据库--
Linux
正则表达式
架构
--运维--
--网页特效--
--移动开发--
SDN
QUIC
网络原理
--网络--
强化学习
机器学习
--人工智能--
区块链1
区块2
--区块链--
爬虫技术
爬虫案例
--数据采集--
理论
dapp案例
--dapp--
不用js纯css实现五星好评
2020-05-13
网页编程网
网页编程网
<style> .star-box{display:table;position: absolute;left: 50%;top: 50%;} .star-box label{float:right;color:#999;} .star-box label::after{content:'★';font-size:28px;padding:5px;display:inline-block;line-height:1;} .star-box input:checked~label, .star-box label:hover~label, .star-box label:hover{color:red;} </style> </head> <div class="star-box"> <input type="radio" name="star" id="star5" hidden/> <label for="star5"></label> <input type="radio" name="star" id="star4" hidden/> <label for="star4"></label> <input type="radio" name="star" id="star3" hidden/> <label for="star3"></label> <input type="radio" name="star" id="star2" hidden/> <label for="star2"></label> <input type="radio" name="star" id="star1" hidden/> <label for="star1"></label> </div>
阅读原文
阅读
3820
123
显示电脑版