刚开始接触写星星评价时，哇！估计脑子刚被驴踢了，竟然想到了最笨的办法-手工画五角星。妈呀！ css样式都写了好大一串，还沾沾自喜终于画出来了，然后瞅一瞅旁边的妹子写得怎么样了，哇！人家机智的！直接用符号★就解决了！！！唉，智商捉急呀！ 先上图看看吧： 虽然简单，还是有几个注意的地方： 1. 未点击时的hover效果，星星会随鼠标移动亮起来喔。 2. 点击后关闭hover效果。 3. 点击同一颗

本例中的星级功能采用图片的方式来实现，包含半星、满星和不填充星。 代码部分 css部分 ul { display: flex; } ul, li { list-style: none; } .star { display: flex; } .star li { display: block; width: 0.625rem; height: 0.625rem; margin-right: 0.1