如何使用CSS3中的元素选择器控制和设置标签样式

时间:2024-10-13 13:43:22

1、第一步,双击打开HBuilderX工具,并新建一个HTML5静态页面,如下图所示:

如何使用CSS3中的元素选择器控制和设置标签样式

2、第二步,在body标签元素内,插入多个div标签,并使用div嵌套,如下图所示:

如何使用CSS3中的元素选择器控制和设置标签样式

3、第三步,在title标签下方添加一个style,设置全局的样式,使用*符号,如下图所示:

如何使用CSS3中的元素选择器控制和设置标签样式

4、第四步,保存代码并打开浏览器查看页面效果,可以发现页面有背景色,如下图所示:

如何使用CSS3中的元素选择器控制和设置标签样式

5、第五步,再利用body标签选择器,设置宽度、字体属性、字体大小等属性,如下图所示:

如何使用CSS3中的元素选择器控制和设置标签样式

6、第六步,最后使用body标签内的div选择器设置div标签样式,添加边框、内外边距,如下图所示:

如何使用CSS3中的元素选择器控制和设置标签样式
© 手抄报圈