在CSS中，我們可以使用border屬性來制作一個(gè)倒三角形，以下是一個(gè)簡(jiǎn)單的例子：

.triangle {
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 100px solid red;
}

在這個(gè)例子中，我們創(chuàng)建了一個(gè)類名為triangle的樣式，這個(gè)樣式將使得應(yīng)用這個(gè)樣式的元素成為一個(gè)紅色的倒三角形，這個(gè)三角形的底邊長度為100px，左右兩側(cè)的長度為50px。

你可以根據(jù)需要調(diào)整這些值，改變?nèi)切蔚拇笮『托螤?，這種方法的好處是簡(jiǎn)單易懂，而且只需要一行CSS代碼就可以實(shí)現(xiàn)。

如果你想要一個(gè)空心的倒三角形，你可以將border-bottom的值改為100px solid transparent，這樣底邊就會(huì)變?yōu)榭招摹?/p>

.triangle-hollow {
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 100px solid transparent;
}

在這個(gè)例子中，我們創(chuàng)建了一個(gè)類名為triangle-hollow的樣式，這個(gè)樣式將使得應(yīng)用這個(gè)樣式的元素成為一個(gè)空心的紅色倒三角形。