1、第一步，双击打开HBuilder编辑工具，新建静态页面rect.html，如下图所示：
2、第二步，在<body></body>插入svg标签，设置svg的宽度和高度，添加viewBox属性，如下图所示：
3、第三步，在<svg></svg>标签内插入四个<rect/>标签，设置宽度为40px、高度为30px，分别位于不同位置和填充不同颜色，如下图所示：
4、第四步，保存代码并预览该静态页面，结果发现图形宽度高度设置过小，导致图形不好看，如下图所示：
5、第五步，将rect标签的宽度和高度进行调大，再次添加y属性值，X和Y分别设置不同的值，如下图所示：
6、第六步，再次保存代码并预览页面，查看到多个矩形重叠在一起，有立体感，如下图所示：
