我可以仅使用CSS制作不规则的<div>形状吗？</div>

Question

我想用一个不规则六角形的形状设计一个直角（想想犹他州的形状，但不一定是那个方向）。

我在StackExchange上看到一些关于按钮的不规则形状的问题（人们说要使用图像），并且使用不规则形状的三角形（人们说要使用剪辑），但到目前为止没有任何关于具有正确的不规则形状的问题角度，作为父或子div。这可能只使用CSS / 3中的一个div吗？ This question似乎很有希望（我认为），但我仍然是CSS的新手，它似乎更多地关注图像而不仅仅是容器div（我认为也没有达成共识）。

或者我是否必须以this answer的精神以某种方式将两个div放在彼此旁边？

Answer 1

单个div不可能这样，因为div总是矩形的。请在此处查看优秀答案，以获得更全面的解释：How can I make a div with irregular shapes with css3 and html5?

编辑这实际上可以通过the clip-path CSS attribute实现，正如@ZachSaucier在评论中所指出的那样。 Demo你每天都学到新东西！