1、第一步，在已新建的HTML5模板页面，在body元素中插入一个div标签并设置class属骂宙逃慈性，如下图所示：
2、第二步，利用通配选择器和类选择器，分别设置全局变量和div样式，如下图所示：
3、第三步，保存代码，并直接在HBuilderX工具打开浏览器预览效果，如下图所示：
4、第四步，再使用border-radius属性和background背景渐变属性，如下图所示：
5、第五步，再次保存代码，在浏览器预览页面，可以看到元素发生了改变，如下图所示：
6、第六步，给div标签设置字体颜色、文字属性，text-overflow和white-spa罕铞泱殳ce，如下图所示：
