CSS是前端開發中不可或缺的一部分，它可以用于美化頁面，讓頁面展現出更加美觀的效果。今天，我們來學習一下如何使用CSS的畫三角形帶邊框功能。

.triangle { 
width: 0; 
height: 0; 
border-top: 50px solid #f00; 
border-left: 50px solid transparent; 
border-right: 50px solid transparent; 
border-bottom: 50px solid transparent;
border: 1px solid #000; /* 這里設置三角形邊框樣式 */
}

首先，我們需要為三角形設置寬度和高度，然后通過設置border-top的樣式來確定三角形的大小和顏色。接著，我們通過設置border-left和border-right的樣式來使三角形呈等腰三角形的形狀。最后，我們使用border-bottom的樣式來清除三角形下方的內容。

如果我們需要給三角形添加邊框，我們只需要在CSS樣式中添加border的樣式即可。設置顏色、大小等參數就像設置一個普通的邊框一樣。

通過這種方式，我們可以輕松地在頁面上繪制出漂亮的三角形，并且可以根據需要進行樣式的調整。這是一種非常簡單而實用的技巧，值得我們掌握和應用。