Html 在网页中定义多个区域（没有多边形形状）的步骤

我想知道是否可以在一个网页中定义几个区域。我说的不是经典的矩形分割（由“div”生成），而是更多的东西：定义各种形状的区域，可能不是多边形，例如下图

我不知道很多事情：

• 我不知道这是否可能
• 根据GUI创建理论，我不知道这是否是一个好的实践
• 我不知道，如果有可能构建这样的东西，它是否也与大多数浏览器兼容（我不介意）

建立这样一个页面，可能是一件疯狂的事情，以我的经验，我不知道。我只是想从这个意义上理解html和css的潜力和局限性

---

多谢各位

大多数元素都是矩形，但也有“边界半径”之类的选项，可以使元素的外观和行为类似于圆形。谷歌搜索“CSS圈”；你会发现这样的博客：

另一个更复杂、更强大的方法是在HTML5中使用“画布”。您可以定义自定义形状，只需查找此网站：

---

最后但并非最不重要的一点是，您可以使用SVG图像。我不知道您将要做什么，但在某些情况下（仅用于显示无需交互的可伸缩元素），它非常有效

大多数元素都是矩形，但也有“边界半径”之类的选项，可以使元素的外观和行为类似于圆形。谷歌搜索“CSS圈”；你会发现这样的博客：

另一个更复杂、更强大的方法是在HTML5中使用“画布”。您可以定义自定义形状，只需查找此网站：

---

最后但并非最不重要的一点是，您可以使用SVG图像。我不知道您将要做什么，但在某些情况下（仅用于显示无需交互的可伸缩元素），它非常有效

老派的做法。。。图像地图，但整个网站不可行的标准是一种过时的做法。。。图像地图，但整个站点不可行的标准是afaik

您可以通过这种方式使用CSS创建circle DIV（例如）：

并在div中使用此CSS：

<div class="circle circle1"></div>

<div class="circle circle2"></div>

---

您可以通过以下方式使用CSS创建circle DIV（例如）：

并在div中使用此CSS：

<div class="circle circle1"></div>

<div class="circle circle2"></div>

CSS是关于矩形的。好的，谢谢。知道这样的限制是很有用的：）CSS是关于矩形的。好的，谢谢。知道这样的限制是很有用的：）