我可以只用CSS制作一个不规则的形状吗?

我可以只用CSS制作一个不规则的形状吗?,css,css-shapes,Css,Css Shapes,我想把一个div做成一个不规则的六边形,所有的角度都是直角,就像犹他州的形状,但不一定是这个方向 我在StackExchange上看到了一些问题,关于按钮的不规则形状,人们说使用图像,对于三角形使用不规则形状,人们说使用剪裁,但到目前为止,没有任何关于具有直角的不规则形状的问题,例如父或子div。在CSS/3中是否可以只使用一个div?我认为这似乎很有希望,但我还是CSS的新手,它似乎更关注图像而不仅仅是容器div,我也不认为有共识 或者我必须以某种方式使两个div相邻浮动,本着?的精神,使用单

我想把一个div做成一个不规则的六边形,所有的角度都是直角,就像犹他州的形状,但不一定是这个方向

我在StackExchange上看到了一些问题,关于按钮的不规则形状,人们说使用图像,对于三角形使用不规则形状,人们说使用剪裁,但到目前为止,没有任何关于具有直角的不规则形状的问题,例如父或子div。在CSS/3中是否可以只使用一个div?我认为这似乎很有希望,但我还是CSS的新手,它似乎更关注图像而不仅仅是容器div,我也不认为有共识


或者我必须以某种方式使两个div相邻浮动,本着?

的精神,使用单个div是不可能的,因为div始终是矩形的。有关更全面的解释,请参见此处的最佳答案:


编辑:正如@Zachsauier在评论中指出的,这实际上是可能的。你每天都能学到新东西

看看:before和:after的用法,也许这会对你有所帮助@扎克绍西尔指出了一种方法。谢谢你,埃德,我现在将深入阅读。我之前遇到过这个问题,但在略读之后忽略了它,因为它看起来非常具体,关于OP中的形状/贴图函数的类型,在我看来就像是一堆倾斜成一定角度的完美正方形。这基本上是相同的问题。在最新的浏览器中,旋转不是问题,因为您可以使用,但作为不规则形状进行旋转是一个问题。这是不正确的,因为有一种方法可以使用clip进行旋转-path@ZachSaucier我不知道那是真的。谢谢我将更新我的答案。也可以使用伪元素或阴影元素来完成,但这类元素是:P