用border或者div制作三角形等圖形

一般情況下, 我們設置盒子的寬高度, 及上下左右邊框, 具體代碼如下：

 

 

 

 通過上述代碼，div的具體樣式如下：

 

 

 

 

現在在上面基礎上, 我們把div的寬高度都設為0時, 

 

 

 現在我們再次查看效果，如下圖：

 

 

 

這時, 其實我們已經看到有上下左右四個三角形了....如果, 我們把4種顏色, 只保留一種顏色, 余下3種顏色設置為透明(或者設置為和背景色相同的顏色), 那不就出現一個小三角了么

具體代碼如下：

 

 

 效果圖如下：

 

 

以上就是制作三角形的方法，制作娶她圖形也是大同小異，大家可以自行測試組拼圖形。