CSS里面寫三角形有很多種方法。其中一種是使用border屬性來設置元素的4條邊框。邊界的幾個參數就能組成一個三角形。如下：

.triangle {
width: 0;
height: 0;
border-top: 50px solid #f00;
border-right: 50px solid transparent;
border-bottom: 50px solid transparent;
border-left: 50px solid transparent;
}

在這個例子中，我們將元素的高度和寬度都設置為了0，讓它不占用空間。然后，我們使用四條邊界來渲染三角形。border-top代表三角形的上邊，其他三條邊用transparent代表隱藏。我們設置border-top的寬度是50px，但若三角形是傾斜的，就會按照斜邊的長度。例如，我們修改代碼加上：transform: rotate(45deg);就能得到一個45度的等腰直角三角形。

另外一種方法是使用偽類來產生三角形的效果。例如：

.triangle {
position: relative;
}
.triangle:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
border-top: 50px solid #0f0;
border-right: 50px solid transparent;
}

在這個例子中，我們創建了一個帶有半透明背景的偽元素，作為我們的三角形。偽元素的內容為空，我們使用絕對定位和邊框來渲染三角形。和border屬性的例子相似，我們設置border-top的寬度和底邊的角度來渲染等邊三角形。你可以根據自己的需要，修改這些值來控制三角形的形狀和大小。

通過以上方法，我們可以使用CSS產生很多有趣的三角形效果。而且它的優點是無需使用圖片就能輕松實現需求，同時能夠在各種設備上靈活自適應，方便使用和管理。