Html 不规则矩形

我想让一个矩形更好，而不使用画布或背景图像，看起来有点像下图中的蓝色框。请注意，该形状具有不规则的边

我怎样才能做到呢

---

您正在寻找CSS掩蔽和形状模块

在这里挖掘：

这里还有一个很好的用例解释：

你可以创建任何你想要的形状，将它应用于任何你想要的东西：图像，背景，文本，其他形式-没有限制。此外，您还可以设置动画

这里有一个很好的服务，可以用鼠标裁剪这些东西：

请注意，目前并非所有浏览器都支持：

是的，不需要SVG或图像-灵活、动态、仅css技巧

.盒子{ 宽度：400px；高度：120px；背景：黑色；位置：相对 } 保利{ 位置：绝对位置； 排名：0； 左：0； 右：0； 底部：0； 背景：2abcd0； -webkit剪辑路径：Polygon 6%13%、24%13%、36%12%、53%12%、61%12%、65%13%、76%12%、95%10%、95%44%、96%88%、80%86%、69%86%、65%88%、46%88%、21%88%、6%89%、5%86%、5%80%、5%40%、5%16%； 剪辑路径：Polygon 6%13%，24%13%，36%12%，53%12%，61%12%，65%13%，76%12%，95%10%，95%44%，96%88%，80%86%，69%86%，65%88%，46%88%，21%88%，6%89%，5%86%，5%80%，5%40%，5%16%； }

---

div是并且一直是矩形的。不过，如果您有时间使用坐标单独绘制出一些复杂的形状，您可以制作这些形状。查看可以轻松组合的形状列表，使用这些相同的想法，您可以构建自己更复杂的形状

你可能会得到类似于

shape-outside: polygon(170.67px 291.00px,126.23px 347.56px,139.79px 417.11px,208.92px 466.22px,302.50px 482.97px,343.67px 474.47px,446.33px 452.00px,443.63px 246.82px,389.92px 245.63px,336.50px 235.26px,299.67px 196.53px,259.33px 209.53px,217.00px 254.76px);

---

看看这个。她谈到了一种使定制形状的制作过程更易于管理的工具。

您到底面临什么问题，或者您想问什么问题，因为您所做的只是告诉我们您正在尝试做什么。酷。然后去做：问题是我不知道从哪里开始。我不想使用背景图片基本上分享你的代码你有什么tried@JulianEspinosa谢谢，你的帮助意味着整个世界。我只是在演示这个想法，实际上我从一些人的网站上提取了这个片段。这个想法仍然很重要，你可以根据需要把它转换成一个可伸缩的模型。最后是一个真正阅读问题的人。谢谢我会调查的，谢谢。如果我不想要这个盒子怎么办？只有蓝色。然后不要使用该框，添加了snippetYes，但它会得到offset.yes，它由css多边形的参数控制。现在它至少有6%的偏移量

shape-outside: polygon(170.67px 291.00px,126.23px 347.56px,139.79px 417.11px,208.92px 466.22px,302.50px 482.97px,343.67px 474.47px,446.33px 452.00px,443.63px 246.82px,389.92px 245.63px,336.50px 235.26px,299.67px 196.53px,259.33px 209.53px,217.00px 254.76px);