CSS应用之绘制正六边形

使用CSS绘制一个正六边形：

具体步骤：通过绘制三个长方形进行叠加实现，其中长方形的长宽比例为：：1。

note：设置标签的position属性为absolute时，即设置为绝对定位的元素相对于属性不是position: static;的祖先元素进行定位。如果没有设置，则根据html或body元素进行定位，至于是哪一个由用户代理（浏览器）决定。

代码：

效果图：