利用邊框?qū)崿F(xiàn)多邊圖形

三角形的實現(xiàn)：

當你對邊框的CSS樣式設(shè)置成這樣時：

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

得到如下效果圖

當你對邊框的css樣式設(shè)置成這樣時：

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

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