本文给大家分享css画正六边形的两种方法，每种方法都不错，需要的朋友跟随脚本之家小编一起看看吧

说下两种css 制作正六边形的方法。 先看一下结果： 在之前要先了解一下正六边形内角和边的关系，正六边形的每个内角是60deg，如图（√3其实是根号3）： 方法一：原理把正六边形分成三部分，左中右分别是：before部分，div部分，after部分，如图： before三角形部分是div的before伪元素，after三角形部分是div的after伪元素。 html代码： css代码： .div { position: relative;