CSS可以使用邊框樣式來繪制三角形。以下是一個(gè)簡(jiǎn)單的示例，演示如何使用CSS和border-radius屬性來繪制一個(gè)正圓角三角形：
HTML代碼：
```html
<div style="width: 200px; height: 200px;border-radius: 50%;background-color: blue;">
<div style="width: 20px; height: 20px;border-radius: 50%;background-color: red;">
<div style="width: 20px; height: 20px;border-radius: 50%;background-color: green;">
<div style="width: 20px; height: 20px;border-radius: 50%;background-color: yellow;">
<div style="width: 20px; height: 20px;border-radius: 50%;background-color: orange;">
<div style="width: 20px; height: 20px;border-radius: 50%;background-color: purple;">
<div style="width: 20px; height: 20px;border-radius: 50%;background-color: pink;">
<div style="width: 20px; height: 20px;border-radius: 50%;background-color: black;">
<div style="width: 20px; height: 20px;"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
在這個(gè)示例中，我們使用四個(gè)div元素來繪制正圓角三角形。每個(gè)div元素都設(shè)置了相同的寬度和高度，并且它們都使用了border-radius屬性，使邊框呈現(xiàn)出圓角。每個(gè)div元素還設(shè)置了不同的背景顏色，以顯示三角形的不同部分。
CSS代碼：
```css
div {
width: 200px;
height: 200px;
border-radius: 50%;
background-color: blue;
div:first-child {
border-radius: 50%;
background-color: red;
div:last-child {
border-radius: 50%;
background-color: green;
div:hover {
background-color: #f00;
在這個(gè)示例中，我們使用了border-radius屬性來繪制正圓角三角形，并在div元素中設(shè)置了不同的hover狀態(tài)，以突出顯示三角形。當(dāng)鼠標(biāo)懸停在div元素上時(shí)，背景顏色會(huì)變成#f00，以突出顯示三角形。
總之，通過使用CSS和border-radius屬性，我們可以輕松地繪制出一個(gè)正圓角三角形。