在CSS中，創建一個三角形邊框可能是一個比較常見的需求。下面我們來看看如何使用CSS實現三角形邊框。

/* 創建一個等腰直角三角形 */
.triangle {
width: 0;
height: 0;
border-top: 50px solid #333;
border-right: 50px solid transparent;
}

我們需要先創建一個等腰直角三角形，通過設置元素的寬度和高度為0，同時設置border-top為我們希望的三角形高度和顏色，border-right和border-left都需要設置為transparent，這樣才能創建出一個等腰直角三角形。

/* 使用偽元素實現三角形邊框 */
.box {
position: relative;
padding: 20px;
background: #fff;
}
.box:before,
.box:after {
content: "";
position: absolute;
top: 0;
border: 20px solid #333;
}
.box:before {
left: 0;
border-right: 20px solid transparent;
}
.box:after {
right: 0;
border-left: 20px solid transparent;
}

當我們需要在一個盒子對象周圍添加一個三角形邊框時，可以使用偽元素來實現。首先，我們需要設置該盒子相對定位position: relative;，這樣偽元素才能使用絕對定位。之后，我們需要創建兩個偽元素::before和::after。我們再給它們設置絕對定位，并設置它們的上邊框和左下/右下邊框為我們需要的顏色和線寬。然后，我們通過設置border-right和border-left為transparent以創建出一個等腰直角三角形。最后，我們通過設置偽元素的left和right屬性來讓它們位于盒子的左上和右上角。