如何创建：星级评定

学习如何用 CSS 创建一个简单的“星级评定”样式。

亲自试一试

如何创建星级评定

第一步 - 添加 HTML：

<!-- 添加图标库 -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star"></span>
<span class="fa fa-star"></span>

第二步 - 添加 CSS：

.checked {
  color: orange;
}

亲自试一试

相关页面

教程：图标教程