CSS怎么寫上下三角形

在CSS中，我們可以使用border屬性來繪制三角形，我們可以將border-style設置為dashed或dotted，并設置border-width為0，然后調(diào)整border-top和border-bottom的寬度來實現(xiàn)上下三角形的繪制。

以下是一個示例代碼：

.triangle-up {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 50px 50px;
  border-color: transparent transparent #000;
}
.triangle-down {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0;
  border-color: #000 transparent transparent;
}

在上面的代碼中，我們定義了兩個類：.triangle-up和.triangle-down，分別用于繪制向上的三角形和向下的三角形，通過調(diào)整border-width和border-color屬性，我們可以控制三角形的形狀和顏色。

需要注意的是，這種方法繪制的三角形并不***，因為它使用了邊框?qū)傩詠砝L制，如果需要更***的三角形形狀，可能需要使用其他方法或工具來實現(xiàn)，對于簡單的上下三角形繪制，這種方法已經(jīng)足夠了。