1、第一步，双击打开HBuilder编辑工具，新建静态页面；然后在<body></body>插入div标签元素，如下图所示：
2、第二步，利用元素选择器，设置div标签元素的边框、内边距、外边距和字体属性；接着使用类选择器，设置display属性，兼容不同类型的浏览器，如下图所示：
3、第三步，保存代码并在浏览器中，预览界面显示的效果，可以看到几个虚线框，如下图所示：
4、第四步，接着设置div标签的宽度和高度为200px，行高也为200px，并设置内容垂直水平居中，如下图所示：
5、第五步，再次保存代码，并在浏览器中预览效果，结果发现虚线框变大，如下图所示：
6、第六步，最后设置div标签元素的背景渐变，使用repeating-linear-gradient属性，如下图所示：
