如何使用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)参数函数的二阶导数
  • 热门搜索
    醋香附的功效与作用 什么是高铁 益生菌的功效与作用 金银花的功效与作用 西地那非片的功效与作用 什么是两厢车和三厢车 石竹茶的功效与作用 妈咪爱的功效与作用 什么是计算机病毒? 关于党的知识