CSS樣式表是構建網站的重要工具，它可以幫助我們實現各種各樣的效果。其中，構建三角形也是一個常見需求。接下來，我們來學習如何使用CSS構建一個簡單的三角形。

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

代碼解釋：

首先，我們定義一個類名為triangle的元素，用來承載三角形的樣式。然后，我們將該元素的寬度和高度都設為0，這是因為三角形的本質就是一個由三條邊組成的形狀，實際上并沒有寬度和高度。

接著，我們使用border屬性為該元素設置三條邊的樣式。其中，border-left和border-right屬性都被設置為50px的透明邊框，這樣可以讓該元素兩側都形成一個與背景色相同的三角形，從而實現了左右兩側的斜邊效果。而border-bottom屬性則被設置為100px的實線邊框，并指定邊框顏色為#333（深灰色），從而實現了三角形的底邊效果。

最后，我們可以在HTML頁面中添加這個類名為triangle的元素，并觀察效果。

<div class="triangle"></div>

代碼解釋：

以上代碼定義了一個div元素，并應用了之前定義的triangle類名。由于該元素的寬度和高度都被設置為0，因此只有三條邊被渲染出來，形成了一個三角形。

通過上述代碼，我們可以輕松地在網頁中構建出漂亮的三角形。當然，CSS樣式表還有更多的用法和特性，我們可以不斷地學習和掌握，來實現更為豐富的效果。