小三角CSS怎么寫？

在CSS中，小三角可以通過使用邊框屬性來實現(xiàn)，具體步驟如下：

1、創(chuàng)建一個元素，并設置其寬度和高度為0。

2、使用邊框屬性，將邊框寬度設置為所需的小三角大小。

3、將邊框顏色設置為與背景色相同的顏色，以確保小三角與背景色相融合。

4、使用偽元素（:before或:after）來創(chuàng)建小三角的尖端。

5、設置偽元素的樣式，使其與邊框顏色相同，并調整其位置以形成小三角的形狀。

以下是一個示例代碼：

.triangle {
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-bottom: 100px solid #000;
  position: relative;
}
.triangle:before {
  content: "";
  position: absolute;
  top: -50px;
  left: -50px;
  width: 100px;
  height: 100px;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-top: 100px solid #000;
}

在這個示例中，我們創(chuàng)建了一個寬度和高度都為0的元素，并使用邊框屬性來創(chuàng)建小三角，我們使用偽元素來創(chuàng)建小三角的尖端，通過調整偽元素的位置和樣式，我們可以形成不同形狀和顏色的小三角。