CSS三角星是一種簡單而有趣的圖形，它由三個三角形組成，呈現(xiàn)出一個五角星的形狀。

下面是一個基礎的CSS三角星的代碼：

.star {
position: relative;
display: inline-block;
width: 0;
height: 0;
border-right: 50px solid transparent;
border-bottom: 35px solid #FFD700;
border-left: 50px solid transparent;
transform: rotate(35deg);
}
.star:after {
content: "";
display: block;
position: absolute;
top: 13px;
left: -42px;
width: 0;
height: 0;
border-right: 50px solid transparent;
border-top: 35px solid #FFD700;
border-left: 50px solid transparent;
transform: rotate(-70deg);
}
.star:before {
content: "";
display: block;
position: absolute;
top: 13px;
left: 42px;
width: 0;
height: 0;
border-right: 50px solid transparent;
border-top: 35px solid #FFD700;
border-left: 50px solid transparent;
transform: rotate(70deg);
}

這個代碼使用了CSS的border屬性來實現(xiàn)三角形的繪制。其中第一個三角形是通過設置border-right、border-bottom和border-left三個屬性來繪制的，而后面兩個三角形是通過偽元素（:before和:after）來繪制的。

雖然這個代碼看起來有些復雜，但是只要理解了其中的原理，就可以用更簡潔的代碼來實現(xiàn)同樣的效果。