Html 不规则形状的DOM元素

如何用HTML或CSS制作它们

例如：

---

我听说过map标签，但它似乎只生成一个不可见的可点击区域，在这个区域上你不能应用CSS属性，比如边框或背景。

这是可能的-在一定范围内，并且只有在较新的浏览器上-使用CSS3技术。例如，请参见此。

使用CSS3技术，这是可能的-在限制范围内，并且仅在较新的浏览器上。例如，如果您正在讨论该绘图，请参见此。

：它是一个画布元素

---

有关教程，请参见此处：

如果您正在谈论该绘图：它是一个画布元素

---

有关使用canvas元素的教程，请参见此处：

规格：

基于一个特定浏览器实现的文档：

非正式文件：和

---

对于非矩形元素，还有其他一些方法，如果您能更详细地说明您的具体需求，这些方法可能更适合您的实际需要。

使用canvas元素

规格：

基于一个特定浏览器实现的文档：

非正式文件：和

---

对于非矩形元素，还有其他一些方法，如果您能更详细地说明您的具体需求，这些方法可能更适合您的实际需要。

除了使用其他建议的CSS 3技术外，您还可以在HTML文档中嵌入SVG

... -> 来自，谢谢！

---

除了像其他人建议的那样使用CSS 3技术外，您还可以在HTML文档中嵌入SVG

... -> 来自，谢谢！

---

... 那只是一个图像。这里没有不规则形状的元素，只有一个带有圆角的div，其中包含一个标记。如果你说的是画一个新的图像，那就是用一个。出于兴趣，你为什么要这样做？我只是好奇。例如，我可能想画一张地图，而不是一个精确的答案，但我已经用匹配的形状和中间的alpha值绘制了一张地图，并创建了图像，而不是作为DOM的东西，无论是在服务器上还是作为一个不在运行中完成的设置过程，然后将它们覆盖在地图所用的图像之上。可以满足一些可能的需求，但它不是所有的HTML和CSS完成。。。。那只是一个图像。这里没有不规则形状的元素，只有一个带有圆角的div，其中包含一个标记。如果你说的是画一个新的图像，那就是用一个。出于兴趣，你为什么要这样做？我只是好奇。例如，我可能想画一张地图，而不是一个精确的答案，但我已经用匹配的形状和中间的alpha值绘制了一张地图，并创建了图像，而不是作为DOM的东西，无论是在服务器上还是作为一个不在运行中完成的设置过程，然后将它们覆盖在地图所用的图像之上。可以满足一些可能的需求，但是它不是全部用HTML和CSS完成的。但它不是一个单一的元素。@RobW-是的，而且它的创建可能也相当可怕。我想它是你的，并且会变成+1，只是因为你做了一件事，这件事同时是如此疯狂的辉煌，而且毫无必要。很好的鲸鱼。但它不是一个单一的元素。@RobW-是的，而且它的创建可能也相当可怕。我认为它是你的，并且会变成+1，只是因为你做了一些既疯狂又精彩的事情，而且毫无必要。