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屬性來自定義該星星的樣式,比如大小、顏色、位置等等。