CSS伪元素是CSS的一种特殊语法,可以在页面上创建一些特殊的效果。其中常用的一个技巧就是通过伪元素来实现一些有趣的图形,比如星星。
.star:before { content: "\2605\2605\2605\2605\2605"; color: #FFDC95; text-shadow: 1px 1px #BFBFBF; }
上述代码表示在一个类名为star的元素前面加上一个伪元素。其中,content属性用于设置伪元素内容,字符\2605表示一个星星,这是Unicode编码中的符号。使用了5个星星组成一个图形。color属性用于设置星星的颜色,这里使用了淡黄色。text-shadow属性用于设置一个淡灰色的阴影,让星星更加立体。
该代码可以应用于任何元素,只要该元素有类名为star即可。当然,还可以通过修改伪元素的CSS属性来自定义该星星的样式,比如大小、颜色、位置等等。