在 CSS 中，有一個非常常用的屬性叫做三角屬性。這個屬性可以讓我們輕松地在網頁中創建各種各樣的三角形元素。下面來詳細介紹一下 CSS 中的三角屬性。

/* 等腰直角三角形 */
.triangle {
border-top: 50px solid #f00;
border-right: 50px solid transparent;
}
/* 正三角形 */
.triangle {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid #f00;
}
/* 等邊三角形 */
.triangle {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 86.6px solid #f00;
}

上述代碼演示了三種不同類型的三角形。
第一個樣式是等腰直角三角形，通過設置一個邊框寬度為 0 的元素的上邊框和右邊框顏色，從而形成一個直角等腰三角形；
第二個樣式是正三角形，通過設置一個寬度和高度都為 0 的元素，以及三條邊框的顏色，從而形成一個等邊正三角形；
第三個樣式是等邊三角形，通過和正三角形相似的設置方式，只需調整邊框的長度，就可以形成一個等邊三角形。
這些三角屬性雖然簡單，但對網頁布局和樣式的設計有著非常大的幫助和作用。