CSS可以通過(guò)設(shè)置元素的邊框使其畫(huà)出三角形。

首先，在CSS中，每個(gè)元素都有四個(gè)邊框：上、右、下、左。我們可以通過(guò)設(shè)置其中的某一個(gè)或幾個(gè)邊框的顏色、樣式和寬度，來(lái)畫(huà)出不同的形狀。這個(gè)方法叫做“邊框技巧”。

要畫(huà)出三角形，我們需要把元素的三個(gè)邊框中的兩個(gè)設(shè)為透明，另一個(gè)邊框設(shè)置顏色、樣式和寬度。為了畫(huà)出一個(gè)等邊三角形，我們需要先將元素的高度設(shè)為0，寬度設(shè)置為等邊三角形的邊長(zhǎng)。

.triangle {
width: 0;
height: 0;
border-style: solid;
border-width: 20px 0 0 20px;
border-color: transparent transparent transparent #000;
}

上面的代碼展示了如何畫(huà)一個(gè)向右的三角形。第一行將元素的高度和寬度都設(shè)為0，第二行設(shè)置邊框樣式為實(shí)線(xiàn)，第三行設(shè)置邊框?qū)挾龋渲械谝粋€(gè)值表示上邊框的寬度，第二個(gè)值表示右邊框的寬度，第三個(gè)值表示下邊框的寬度，第四個(gè)值表示左邊框的寬度。第四行設(shè)置邊框的顏色，其中第一個(gè)值表示上邊框的顏色，第二個(gè)值表示右邊框的顏色，第三個(gè)值表示下邊框的顏色，第四個(gè)值表示左邊框的顏色。這里為了畫(huà)出一個(gè)黑色的三角形，將左邊框的顏色設(shè)為#000。

如果想畫(huà)出其他方向的三角形，可以根據(jù)實(shí)際情況更改邊框顏色和樣式的設(shè)置。例如，要畫(huà)一個(gè)向上的三角形，可以將上邊框設(shè)置為實(shí)線(xiàn)，右邊框和左邊框設(shè)置為透明，下邊框設(shè)置為邊框顏色、樣式和寬度：

.triangle-up {
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 20px 10px;
border-color: transparent transparent #000 transparent;
}

這里的邊框?qū)挾鹊闹当硎旧线吙虻膶挾取⒂疫吙虻膶挾取⑾逻吙虻膶挾取⒆筮吙虻膶挾龋吙蝾伾闹狄舶凑者@個(gè)順序設(shè)置。可以根據(jù)需要更改值來(lái)畫(huà)出不同形狀的三角形。