CSS線邊三角是一種用于實現漸變效果的CSS樣式，通過將三個不同的顏色組合成一個三角形來實現。這種樣式可以通過簡單的HTML結構和CSS樣式來實現。
HTML結構：
```html
<div class="三角">
<div class="color1"></div>
<div class="color2"></div>
<div class="color3"></div>
</div>
CSS樣式：
```css
.三角 {
position: relative;
width: 200px;
height: 200px;
.color1, .color2, .color3 {
position: absolute;
width: 100px;
height: 100px;
background-color: #F00;
border-radius: 50px 50px 0 0;
transform: rotate(-45deg);
.color1 {
top: -50px;
left: 50px;
width: 50px;
height: 50px;
background-color: #007BFF;
.color2 {
top: 0px;
left: 50px;
width: 100px;
height: 50px;
background-color: #0067DD;
.color3 {
top: 50px;
left: 50px;
width: 100px;
height: 50px;
background-color: #0061AB;
.color1:hover, .color2:hover, .color3:hover {
background-color: #FFA500;
上述代碼中，我們使用了`position: relative`來創建一個三角形的父元素，并使用`position: absolute`和`transform`屬性來控制每個子元素的位置和旋轉。每個子元素都使用了`border-radius`屬性來創建一個圓形，以顯示三角形的形狀。
通過CSS，我們可以輕松地實現線邊三角的效果，只需要在HTML中創建一個三角形元素，并使用CSS樣式來實現其樣式。這種樣式可以用于許多不同的應用程序，例如網頁設計、圖形設計等。