CSS屬性中的三角，在網頁設計中應用廣泛，可以用來實現箭頭、指示符和提示圖標等。下面介紹三個CSS屬性可以用來制作三角效果。

/* border */
.triangle1 {
width: 0;
height: 0;
border-width: 10px;
border-style: solid;
border-color: transparent transparent #000 transparent;
}
/* border + transform */
.triangle2 {
width: 0;
height: 0;
border-width: 10px;
border-style: solid;
border-color: transparent transparent #000 transparent;
transform: rotate(45deg);
}
/* clip-path */
.triangle3 {
width: 0;
height: 0;
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
background: #000;
}

第一個三角使用border屬性來制作，首先設定寬高為0，然后設置border的寬度為10px，并使三角的顏色透明，最后讓其底部的邊為實線的黑色。

而第二個三角采用了同時使用border和transform來制作，與第一個類似，但通過旋轉45度，就能夠輕松制作一個等腰直角三角形。

最后一個三角是CSS3中新增的clip-path屬性產生的效果，使用clip-path多邊形函數可實現在規定的區域內顯示出高精度的三角形。

總之，這三種方法都能夠實現三角效果，具體應用還需要根據實際情況選擇最為適合的一種方法。