CSS偽三角是一種常用的CSS技巧，用于在網(wǎng)頁中繪制三角形，下面是一些關(guān)于CSS偽三角的寫法：

1、使用邊框繪制三角形：

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

這個(gè)例子中，我們創(chuàng)建了一個(gè)沒有寬度和高度的元素，并通過設(shè)置邊框來繪制三角形，邊框的左右兩側(cè)設(shè)置為透明，底部設(shè)置為紅色，從而形成一個(gè)指向下方的三角形。

2、使用背景色繪制三角形：

.triangle {
  width: 100px;
  height: 100px;
  background-color: red;
  transform: rotate(45deg);
}

這個(gè)例子中，我們創(chuàng)建了一個(gè)寬度和高度都為100px的元素，并將其背景色設(shè)置為紅色，我們使用transform屬性將其旋轉(zhuǎn)45度，從而形成一個(gè)指向下方的三角形。

3、使用線性漸變繪制三角形：

.triangle {
  width: 200px;
  height: 200px;
  background: linear-gradient(to right, red, transparent);
  transform: rotate(45deg);
}

這個(gè)例子中，我們創(chuàng)建了一個(gè)寬度和高度都為200px的元素，并將其背景設(shè)置為從紅色到透明的線性漸變，我們使用transform屬性將其旋轉(zhuǎn)45度，從而形成一個(gè)指向下方的三角形，這種方法可以創(chuàng)建出更加平滑的三角形效果。