CSS是一種非常強大的語言，它可以改變網(wǎng)站中的任何元素。今天我們來學習如何使用CSS將一個div變成一個三角形。首先，我們需要使用CSS的border屬性：

div {
border: 30px solid transparent;
border-bottom-color: red;
}

這將創(chuàng)建一個沒有顏色的方形div，因為border-style屬性默認為solid，即一個實心線條。通過使用border-bottom-color屬性并將其設置為想要的顏色，我們可以讓這條底部線條呈現(xiàn)出來。

接下來，我們將移除div的左側(cè)和右側(cè)邊框：

div {
border: 30px solid transparent;
border-bottom-color: red;
border-left: none;
border-right: none;
}

現(xiàn)在，我們只需要將div的寬度和高度設置為0：

div {
border: 30px solid transparent;
border-bottom-color: red;
border-left: none;
border-right: none;
width: 0;
height: 0;
}

現(xiàn)在，這個div已經(jīng)成為了一個三角形。這個技巧還可以進一步調(diào)整，在border-width屬性中選擇想要的大小。你也可以控制三角形的方向，只需調(diào)整border-bottom-color屬性即可。繼續(xù)練習，你可以創(chuàng)建多種不同類型的三角形。