这是在我的页面上放置一些形状的最佳方式

Question

我需要在页面上放置一些填充区域。我使用这些区域，调整z-index并让它们出现在其他区域的上方或下方。我已经设置了CSS，然后我将它们显示在页面上，如下所示：

<div id="pd1"></div>
<div id="pd2"></div>  
<div id="pd3"></div>
<div id="pd4"></div>
<div id="pd5"></div>

但这是最好的方法吗？是否有任何快捷方式可以在页面上显示不同大小的方形区域？

Answer 1

对于更复杂的形状，您还可以使用： 1. SVG 2. HTML5画布

如果它只是RECT / SQUARE / CIRCLE - 你可以坚持使用DIV元素。

Answer 2

你也可以使用css border属性，比如10px的宽度或任何你想要的，也给它想要的颜色。它会给你一半的div。 （如果我正确的话，你正在使用一个盒子的所有五个div。）