在Web設計中，背景三角形是一種時尚、現代的設計元素，可以在網站的頁面、導航、按鈕等地方添加。背景三角形可以讓頁面看起來更加動態、有趣，而且不占用太多的空間。

如何使用CSS創建背景三角形呢？下面給大家介紹兩種方法：

// 方法一：使用border
.triangle {
width: 0;
height: 0;
border-top: 50px solid transparent;
border-right: 100px solid blue;
border-bottom: 50px solid transparent;
}

以上代碼中，我們創建了一個寬為0，高為0的元素，然后使用border來實現三角形背景。通過調整border的寬、高、顏色等屬性，可以創建任意形狀的三角形。

// 方法二：使用transform
.triangle {
width: 100px;
height: 100px;
background: blue;
transform: rotate(45deg);
}

以上代碼中，我們創建了一個正方形的元素，然后利用CSS3中的transform屬性對其進行旋轉，從而實現三角形背景。這種方法相比較第一種方法，更加靈活，可以創建出更多復雜的形狀。

總之，背景三角形可以讓網站看起來更加現代、時尚，而且創建起來也很簡單。希望大家可以學會這個設計技巧，用它來為自己的網站添加一些新鮮感。