在CSS设置元素样式时，可以使用background设置背景色，opacity设置透明度。如果想要设置多个元素的样式，可以使用nth-child和nth-of-type。下面利用实例说明，操作如下：
工具/原料
1
CSS3
2
HTML5
3
HBuilderX
4
浏览器
5
截图工具
方法/步骤
1
第一步，在打开的HBuilderX工具中，新建一个静态页面并插入一个div和十个子div，如下图所示：
2
第二步，使用类选择器和元素选择器，设置div标签的样式，如宽度、高度、行高、文字居中等，如下图所示：
3
第三步，保存代码并直接打开浏览器预览界面效果，可以看到十个圆圈，如下图所示：
4
第四步，再使用nth-of-type，然后分别设置多个div元素的背景颜色，如下图所示：
5
第五步，再次保存代码并打开浏览器预览效果，可以发现元素显示背景色，如下图所示：
6
第六步，再次使用nth-child，这个属性中添加序号，分别设置div标签的透明度，如下图所示：
注意事项
1
注意使用CSS属性设置元素背景色和透明度
2
注意利用CSS选择器设置多个元素的样式
上一篇：css样式设置图形倾斜