如何使用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中的元素选择器控制和设置标签样式
  • C语言如何让用户选择何时退出程序
  • 苹果手机如何打出倒立的问号?
  • 光纤配线箱的重要配件有哪些?
  • Dread Hunger猎人怎么玩?
  • 求x=(lnt)^3,y=sint(lnt-t)参数函数的二阶导数
  • 热门搜索
    武汉旅游景点介绍 澳大利亚旅游买什么 雁鸣湖旅游度假村 去台湾旅游注意事项 韩国釜山旅游景点 江西上饶旅游 浙江旅游统计网 浙江安吉旅游攻略 亚洲最佳旅游地 美国旅游报价