在CSS中,我們可以通過偽元素來制作出星星。
.star { position: relative; display: inline-block; margin: 0 10px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 14px solid #f7d000; transform: rotate(35deg); } .star:before { content: ""; position: absolute; top: -24px; left: -10px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 14px solid #f7d000; transform: rotate(-70deg); } .star:after { content: ""; position: absolute; top: -24px; left: 10px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 14px solid #f7d000; transform: rotate(70deg); }
以上代碼可以制作出一個黃色的五角星,可以根據需要調整顏色和大小。