HTML画圆，三角形，六边形

画圆：首先建个div，然后把div的宽高设置同样大小，最后把div的边框弧度设为50%；

.circleOne{  
    width: 300px;  
    height: 300px;  
    border-radius: 50%;  
    border: 5px solid blue;  
}  

画三角形：首先建个div，然后把div宽高设为0，再给边框设置大小（根据自己的需求设置需要的那几条边框），边框颜色为透明，最后给任意一条边框设置颜色，

.triangle {  
    height: 0px;  
    width: 0px;  
    border: 20px solid transparent;  
    border-right-color:#DE1955;  
}  

画六边形：建三个div，两个为三角形，一个为矩形，自己注意调整宽高

.triangle {
	height: 0px;
	width: 0px;
	border: 60px solid transparent;
	border-bottom-color:#DE1955;
}
 .rectangle{
 	height: 60px;
 	width: 120px;
    background-color: #DE1955;
 }
 .triangleTWO {
	height: 0px;
	width: 0px;
	border: 60px solid transparent;
	border-top-color:#DE1955;
}