如何用css画正六边形？
导读：before三角形部分是div的before伪元素，after三角形部分是div的after伪元素。 用css画正六边形 .div{ position:relative; width:50px;...
before三角形部分是div的before伪元素，after三角形部分是div的after伪元素。
用css画正六边形
.div{
position:relative;
width:50px;
height:86.6px;
margin:50pxauto;
background-color:red;
}
.div:before{
content:'';
display:block;
position:absolute;
width:0;
height:0;
right:50px;
border-width:43.3px25px;
border-style:solid;
border-color:transparentredtransparenttransparent;
}
.div:after{
content:'';
display:block;
position:absolute;
width:0;
height:0;
left:50px;
border-width:43.3px25px;
border-style:solid;
border-color:transparenttransparenttransparentred;
top:0;
}
本文转载自中文网
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： 如何用css画正六边形？
本文地址： https://pptw.com/jishu/664646.html