舉例1：利用 border 屬性畫一個三角形（小技巧）

完整代碼如下：

div{width: 0;height: 0;border: 50px solid transparent;border-top-color: red;border-bottom: none;
}

步驟如下：

（1）當我們設置盒子的width和height為0時，此時效果如下：

（2）然后將border的底部取消：

（3）最后設置border的左邊和右邊為白色或者透明：

這樣，一個三角形就畫好了。

舉例2：利用 border 屬性畫一個三角形（更推薦的技巧）

上面的例子1中，畫出來的是直角三角形，可如果我想畫等邊三角形，要怎么做呢？

完整代碼如下：（用 css 畫等邊三角形）

.div1{width: 0;height: 0;border-top: 30px solid red;/* 通過改變 border-left 和 border-right 中的像素值，來改變三角形的形狀 */border-left: 20px solid transparent;border-right: 20px solid transparent;
}

效果如下：

另外，我們在上方代碼的基礎之上，再加一個 border-radius: 20px; 就能畫出一個扇形。