在CSS中，我們可以使用多種方法添加三角形，以下是一些常見的方法：

1、使用邊框?qū)傩裕?/p>

通過設(shè)定元素的邊框?qū)挾群皖伾覀兛梢詣?chuàng)建一個(gè)三角形，創(chuàng)建一個(gè)向上的三角形，我們可以這樣寫CSS：

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

2、使用背景色和線性漸變：

我們可以利用背景色和線性漸變來創(chuàng)建一個(gè)三角形，創(chuàng)建一個(gè)向右的三角形，我們可以這樣寫CSS：

.triangle-right {
    width: 100px;
    height: 100px;
    background: linear-gradient(to right, transparent, red);
}

3、使用偽元素和旋轉(zhuǎn)：

我們可以使用偽元素和旋轉(zhuǎn)來創(chuàng)建一個(gè)三角形，創(chuàng)建一個(gè)向下的三角形，我們可以這樣寫CSS：

.triangle-down {
    width: 0;
    height: 0;
    position: relative;
}
.triangle-down::after {
    content: "";
    position: absolute;
    top: -50px;
    left: -50px;
    width: 100px;
    height: 100px;
    border: 50px solid red;
    border-radius: 50px;
    transform: rotate(45deg);
}

是三種常見的在CSS中添加三角形的方法，你可以根據(jù)自己的需求選擇適合的方法。