CSS中實現3角是一件非常常見的任務。使用CSS實現3角有很多方法，接下來我們就來簡單介紹一下。

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

以上代碼使用 Border 屬性，通過把三邊設置為透明（transparent），只顯示一個邊框，來實現了一個三角形。根據需要修改邊框大?。╳idth/height）和顏色（border-bottom-color）即可。

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

如果需要倒立的三角形，只需要把 border-bottom 改為 border-top 即可。

.triangle {
width: 0;
height: 0;
border: 50px solid;
border-color: #000000 transparent transparent transparent;
}

還可以使用單一邊框來創建三角形，通過設置各邊框的顏色可以實現不同角度的三角形。上述代碼中，四個顏色依次對應四個邊，其中透明邊框表示不顯示?？梢孕薷念伾蛯挾龋╳idth/height）來實現不同樣式的三角形。