在CSS设置元素样式时，可以使用background设置背景色，opacity设置透明度。如果想要设置多个元素的样式，可以使用nth-child和nth-of-type。下面利用实例说明，操作如下：工具/原料moreCSS3HTML5HBuilderX浏览器截图工具方法/步骤1/6分步阅读

第一步，在打开的HBuilderX工具中，新建一个静态页面并插入一个div和十个子div，如下图所示：

2/6

第二步，使用类选择器和元素选择器，设置div标签的样式，如宽度、高度、行高、文字居中等，如下图所示：

3/6

第三步，保存代码并直接打开浏览器预览界面效果，可以看到十个圆圈，如下图所示：

4/6

第四步，再使用nth-of-type，然后分别设置多个div元素的背景颜色，如下图所示：

5/6

第五步，再次保存代码并打开浏览器预览效果，可以发现元素显示背景色，如下图所示：

6/6

第六步，再次使用nth-child，这个属性中添加序号，分别设置div标签的透明度，如下图所示：

注意事项

注意使用CSS属性设置元素背景色和透明度

注意利用CSS选择器设置多个元素的样式

CSS3HTML5BACKGROUNDRGBOPACITY