如何使用html5和css3创建六角度div [复制]

Question

这个问题在这里已有答案：

• Responsive grid of hexagons 9个答案

我想制作像Heptagon这样的六角的div，但我可以找到任何来源。

Answer 1

通过使用clip-path，您可以为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>