在網(wǎng)頁設(shè)計(jì)中，有時(shí)候需要制作一些形狀特殊的圖像，其中之一就是等邊三角形。而在CSS中，我們可以使用border屬性來制作。

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

在上述代碼中，我們可以看到，通過設(shè)置容器的寬高為0，然后使用border屬性來設(shè)置邊框的寬度、樣式和顏色。其中，第一項(xiàng)設(shè)置的是上下左右四個(gè)邊框的寬度，第二項(xiàng)是邊框的樣式（這里使用的是實(shí)線），第三項(xiàng)是設(shè)置四個(gè)邊框的顏色值，分別為透明、透明、#333（這個(gè)就是三角形的顏色了）和透明。

.triangle {
width: 0;
height: 0;
border-width: 20px;
border-style: solid;
border-color: transparent transparent #333 transparent;
transform: rotate(45deg);
}

上述代碼和之前的代碼唯一不同的地方就在于，我們額外增加了一個(gè)transform屬性，它可以用來旋轉(zhuǎn)元素。在這里，我們將我們的三角形元素沿著z軸（垂直屏幕）旋轉(zhuǎn)45度，使之變成一個(gè)等邊三角形。

以上便是使用CSS來制作等邊三角形的方法，相對(duì)于用圖片或其他方式制作三角形，使用CSS來制作可以更加靈活，方便修改，同時(shí)也更加輕量級(jí)，讓我們的頁面運(yùn)行速度更快。