CSS怎么寫向下的三角

在CSS中，可以使用border屬性來繪制向下的三角形，具體步驟如下：

1、創(chuàng)建一個HTML元素，例如一個div，用于表示三角形。

2、使用CSS的border屬性，將元素的邊框設(shè)置為一個等邊三角形，可以使用border-style: solid;來設(shè)置實線邊框，使用border-width: 0 0 10px 0;來設(shè)置三角形的高為10px。

3、將元素的寬度和高度設(shè)置為0，以確保三角形只占據(jù)其邊框的寬度。

4、使用transform屬性將元素旋轉(zhuǎn)90度，使其面向下方。

下面是一個示例代碼：

HTML:

<div class="triangle-down"></div>

CSS:

.triangle-down {
  border-style: solid;
  border-width: 0 0 10px 0;
  width: 0;
  height: 0;
  transform: rotate(90deg);
}

這個代碼會生成一個面向下方的等邊三角形，其高為10px，你可以根據(jù)需要調(diào)整border-width的值來改變?nèi)切蔚拇笮　?/p>