CSS提供了許多可以讓網頁設計更加美觀的功能，其中一個特別有用的功能是帶三角形的直線。當我們需要添加箭頭或指示標記時，這個功能就顯得非常有用了。

下面是一個簡單的代碼示例，帶有三角形的直線可以通過在CSS中設置border屬性實現。

.line {
border-left: 4px solid #000;
position: relative;
}
.line:before {
content: "";
position: absolute;
top: 50%;
left: -10px;
margin-top: -8px;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 8px solid #000;
}

上面的代碼定義了一個類名為line的元素，這個元素將擁有一條左邊粗細為4px的黑色實線。接著，使用:before偽元素在這條實線的左側添加了一個三角形。在這個:before偽元素中，使用了border-top、border-bottom和border-right來繪制三角形，其中border-right的顏色與實線的顏色相同。

通過這個簡單的示例，我們可以看到使用CSS可以很方便地添加帶三角形的直線，讓網頁的設計更加美觀和實用。