利用CSS画各种平面图形

欲利用CSS画各种平面图形，只需要利用到边框的几个属性便可轻松完成。

重要的是可以通过这些基本图形组合出其他较复杂的图形。

原理：这里利用图来说明何为border-top、border-right、border-bottom、border-left的概念。

#border{
	border:100px solid;	
	width:200px;
	border-color:green blue yellow red;	
}

以下为几种基本的平面图形：

直线：

#line{
	border:30px solid green;
	width:100px;
}

三角形：