简介：
对于一个DIV实现正六边形，相信作为面试题好多学伴们都不知如何去解。不必惊慌。没有听说过的同学也不要害怕。今天就来说一下。
效果：
步骤一：
原理：
它考察的是对于CSS3的理解，以及数学勾股定理。
对于一个div怎么实现一个六边形，CSS3中有before和after两个伪类。将DIV自身实体化即宽高设置，将before也进行实体化，而且将定位方式改变成为固定定位。向左向右各走自身宽度的一半。
代码：
效果：
步骤二：
原理：
简单实现后的效果我们已经看到了。接下来我们需要关注的就是它们自身的改变。以及勾股定理的使用，及CSS3自身的旋转缩放。
代码：
效果：
最后：
简介：
上一步我们提到了勾股定理。那么它是怎么一回事呢？其实就是缩放的值是0.717那么我们想一想为什么是0.717。给大家画张图，就明白喽。
这个是六边形我们也知道，但是实现一个正六边形怎么办？其实就是对DIV自身的Y轴方向进行拉伸。只要将原本的1形成 根号2 的长度即可。
我这里就简单帖上其实也是勾股定理，将Y轴放大到1.73倍即可也就是说放大 根号3 的长度即可。
之前长度为二分之一份，现在变成了二分之根号三份。对于我们来说只要将原来的放大至根号3的长度即可。OK是不是很棒。
最终代码：
效果：
更多资讯更多交流，尽在bbs.520it.com。