CSS實現DIV三角形是一種比較常見的效果，能夠增加網頁的美觀程度，對于網頁設計來說也是一種很好的鍛煉。本文將介紹如何使用CSS來實現DIV三角形。

首先我們需要一個DIV元素，然后給它設置一個寬度和高度。接著，我們將DIV的三個邊框設置為透明，只顯示一個邊框，這個邊框就是我們要創建的三角形。思路就是通過伸縮邊框實現三角形的效果。

div {
width: 0;
height: 0;
border: 10px solid transparent;
border-bottom: 10px solid #ccc;
}

上面的代碼實現了一個向下的三角形。其中使用了border樣式來實現邊框，border樣式包括四個參數：border-width, border-style, border-color, border-radius。我們使用border-width來設置邊框寬度，border-style來設置邊框樣式，border-color來設置邊框顏色，這里需要將三個邊框顏色設為透明，只有一個邊框顏色設為我們想要的顏色。我們通過設置border-bottom來實現底部的邊框，讓它居中，就形成了一個三角形。

如果要實現其他方向的三角形，只需要使用四個不同的border屬性。

div {
width: 0;
height: 0;
border: 10px solid transparent;
border-right: 10px solid #ccc;
}

上面的代碼實現了一個向右的三角形，只需要將底部邊框改為右邊邊框即可。

通過上述步驟，我們已經成功實現了DIV三角形的效果。隨著CSS3的逐漸發展，CSS的效果也日益豐富，我們將會有更多的選擇來實現更炫酷的界面效果。