六边形块级元素的绘制
时间：2023-04-05 19:07:12
HTML5
在使用h5之前，是通过图片作为背景来实现的。现在借助h5+css3这个强大的工具，可以流畅完美的绘制六边形了。绘制六边形html代码：
可以看出html代码很简单，这里需要使用伪元素来实现css代码：.shape-layer{职位：相对；宽度：336px；高度：196px；背景色：#0174db；}.shape-layer::before{内容："";位置：绝对；左：0；顶部：-96px；宽度：0；高度：0；左边框：透明实体168px；border-bottom:#0174dbsolid96px;border-right:transparentsolid168px;}.shape-layer::after{内容："";位置：绝对；左：0；底部：-96px；0;高度：0；左边框：透明实体168px；border-top:#0174dbsolid96px;border-right:transparentsolid168px;本文为原创文章，转载请注明出处，谢谢支持。
