CSS倒三角怎么打？

在CSS中，我們可以使用線性漸變（linear-gradient）來創(chuàng)建一個倒三角形的圖案，以下是一個簡單的示例代碼：

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

在這個示例中，我們創(chuàng)建了一個名為“triangle”的類，并將其應(yīng)用于HTML元素中，這個類將元素渲染成一個倒三角形，其中邊框的左側(cè)和右側(cè)為透明，底部為紅色，你可以根據(jù)需要調(diào)整邊框的寬度和顏色。

如果你想要一個白色的倒三角形，可以將底部邊框的顏色設(shè)置為白色：

.triangle {
  border-bottom: 100px solid white;
}

如果你想要一個更大的倒三角形，可以調(diào)整邊框的寬度：

.triangle {
  border-left: 100px solid transparent;
  border-right: 100px solid transparent;
  border-bottom: 200px solid red;
}

通過這種方式，你可以輕松地創(chuàng)建出不同大小和顏色的倒三角形圖案。