CSS可以用很多種方法來繪制正三角形。下面我們來看幾種常用的方法。

/* 方法一 */
.triangle {
width: 0;
height: 0;
border-left: 50px solid transparent; /*改變值可以改變三角形的尺寸*/
border-right: 50px solid transparent;
border-bottom: 100px solid #f00; /*改變值可以改變三角形的顏色*/
}

這種方法使用了CSS的邊框屬性，將上邊框和左右邊框設為透明，下邊框設為需要的顏色。

/* 方法二 */
.triangle {
width: 100px;
height: 100px;
transform: rotate(45deg); /*旋轉45度*/
background-color: #0f0;
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

這種方法使用了CSS3的裁剪路徑屬性，將四個點設為正方形的中心和四個角，形成一個正三角形。

/* 方法三 */
.triangle {
width: 0;
height: 0;
border-top: 100px solid #00f; /*改變值可以改變三角形的顏色和尺寸*/
border-left: 50px solid transparent;
border-right: 50px solid transparent;
transform: rotate(45deg); /*旋轉45度*/
}

這種方法與第一種類似，不同之處在于使用了上邊框而不是下邊框，通過旋轉將它變成了一個正三角形。

以上三種方法都可以繪制正三角形，選擇其中一種就可以根據需要進行修改，實現自己想要的效果。