1、第一步，打开HBuilder编辑工具，新建静态页面rgba.html；并在<body></body>插入div标签，分别设置div的类属性，如下图所示：
2、第二步，接着使用div元素中的类选择器，设置宽度、高度、行高、字体属性、边框和内外边距，如下图所示：
3、第三步，保存代码并在浏览器中查看界面效果，可以看到字体发生了改变，如下图所示：
4、第四步，添加属性background-image，属性值为linear-gradient，利用rgba，如下图所示：
5、第五步，再次保存代码并在浏览器中查看效果，可以看到界面效果，如下图所示：
6、第六步，最后添加border-radius属性，可以兼容不同类型浏览器，如下图所示：
