利用邊框實現多邊圖形

三角形的實現：

當你對邊框的CSS樣式設置成這樣時：

.kk1{ width: 0; height: 0; border-top:50px solid gold; border-left: 100px solid gray; border-bottom: 50px solid black;}

得到如下效果圖

當你對邊框的css樣式設置成這樣時：

.kk{width: 0; height: 0; border-top:50px solid transparent; border-left: 100px solid gray; border-bottom: 50px solid transparent;} 得到如下效果圖： 所以下面這個圖形的css樣式為：

利用偽類把三角形定位到長方形的后面去，這樣就構成了一個這樣的多邊形。