CSS是一種用于創建網頁樣式的語言。在CSS中，我們可以使用一些技巧來繪制出各種形狀的對象，包括三角形。在這篇文章中，我們將向您展示如何使用CSS繪制一個帶邊框的三角形。

.triangle {
width: 0;
height: 0;
border-top: 50px solid transparent;
border-right: 100px solid red;
border-bottom: 50px solid transparent;
}

在上面的代碼中，我們創建了一個類名為“triangle”的div元素。我們首先將該元素的寬度和高度設置為零。然后，我們使用border-top、border-right和border-bottom屬性來創建一個紅色的三角形。在這里，我們為border-top和border-bottom設置了透明邊框，使三角形的上下邊緣保持透明。

為了使三角形具有邊框，我們可以使用outline屬性。outline可以將三角形的輪廓線以指定的寬度和顏色呈現出來。下面是一個示例代碼：

.triangle {
width: 0;
height: 0;
border-top: 50px solid transparent;
border-right: 100px solid red;
border-bottom: 50px solid transparent;
outline: 3px solid black;
}

在上面的代碼中，我們為三角形添加了一個寬度為3個像素、顏色為黑色的輪廓線。

在CSS中，您可以使用許多技巧來創建各種形狀和對象。使用我們在這篇文章中學到的技巧，您現在可以創建一個帶有邊框的三角形了。祝好運！