CSS制作向下三角形

代碼如下：
.triangle-down {
width: 0;
height: 0;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
border-top: 25px solid #ccc;
}

解釋：

以上代碼中，我們使用了一個(gè)偽元素來制作向下的三角形，它的原理是借助CSS的邊框特性。

首先，我們將元素的寬度和高度都設(shè)置為0。

.triangle-down {
width: 0;
height: 0;
}

接下來，我們使用border屬性來設(shè)置元素的上下左右邊框樣式。其中，我們將左右邊框都設(shè)置為25px，這樣就可以形成一個(gè)等腰三角形。

.triangle-down {
border-left: 25px solid transparent;
border-right: 25px solid transparent;
border-top: 25px solid #ccc;
}

其中，border-top屬性是我們控制三角形的顏色。

這樣，我們就成功地制作出了一個(gè)向下的三角形！