使用 CSS 寫三角形是 Web 前端開發中較為常見的需求之一。下面介紹一些實現三角形的常用方法。 1. 使用 border 屬性 可以利用 border 屬性將元素的四條邊變為四個等腰三角形，再調整其大小和位置，實現各種形狀的三角形。例如：

p {
width: 0;
height: 0;
border-top: 50px solid transparent;
border-bottom: 50px solid transparent;
border-right: 50px solid red; /* 改為其它顏色可實現不同的三角形 */
}

2. 使用偽元素 使用 CSS 偽元素 before 和 after，可以在元素前后插入三角形來實現更復雜的形狀。例如：

p {
position: relative;
}
p:before {
content: "";
display: block;
position: absolute;
top: -20px;
left: 0;
width: 0;
height: 0;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-right: 20px solid red;
}
p:after {
content: "";
display: block;
position: absolute;
bottom: -20px;
right: 0;
width: 0;
height: 0;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 20px solid blue;
}

3. 使用 clip-path 屬性 使用 clip-path 屬性，可以將元素的形狀切割為任何需要的形狀，包括多個三角形的組合。例如：

p {
clip-path: polygon(0 0, 100% 0, 50% 50%);
background-color: red; /* 剪切出來的形狀會覆蓋原本的背景色 */
}

以上是一些實現三角形的常用方法，可以根據具體需求選擇相應的方法進行開發。