如何使用html5和css3创建六个角度div

Question

我想像七边形那样制作一个具有六个角度的div，但是我可以找到任何来源。

Answer 1

通过使用剪切路径，您可以将任何形状赋予div。

div{
			width: 400px;
			height: 400px;
			background-color: red;
			clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0%           75%, 0% 25%, 50% 0);
		}

<div></div>