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

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

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

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

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

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

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

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