CSS---寫三角形

我們在做項目開發的時候，經常會遇到需要三角小按鈕，如果不引入圖片和字體，其實用樣式也是可以寫處理的。

具體示例：

.div{width: 50px; height: 50px; border-left: 50px solid red; border-right: 50px solid yellow; border-top: 50px solid blue; border-bottom: 50px solid green;}

通過這個樣式，可以寫出邊框爲50px的DIV：

 此時，將寬度和高度調整爲：0

.div{width: 0px; height: 0px;}

 然後，將任意的三條邊顏色設置爲白色或透明：

.div{border-right-color: transparent; border-left-color: transparent; border-bottom-color: transparent;}

然後就形成了：

 CSS寫三角形就完成了。