如何使用CSS3的display属性设置元素块级和行级

 时间:2024-10-13 00:45:50

1、第一步,双击打开HBuilder工具,新建页面文件,然后修改title标签内容

如何使用CSS3的display属性设置元素块级和行级如何使用CSS3的display属性设置元素块级和行级

2、第二步,在<body></body>标签中,插入三个div标签和三个span标签

如何使用CSS3的display属性设置元素块级和行级

3、第三步,添加一个style标签,使用元素选择器设置背景色和字体颜色

如何使用CSS3的display属性设置元素块级和行级

4、第四步,再利用span标签元素,设置对应的背景色和字体颜色

如何使用CSS3的display属性设置元素块级和行级

5、第五步,保存代码并运行页面文件,打开浏览器,查看界面显示效果

如何使用CSS3的display属性设置元素块级和行级

6、第六步,分别给div标签添加display:inline,span标签添加display:block,然后保存并刷新浏览器,查看效果

如何使用CSS3的display属性设置元素块级和行级
  • 打开http://localhost时,出现404错误的解决方法
  • Visio中怎样绘画圆形笑脸
  • Eclipse中基本的组件
  • intellij idea 注册码Activation Code怎么填
  • myeclipse10中如何添加Tomcat8.0?
  • 热门搜索
    163邮箱格式怎么写 金刚菩提怎么盘 重庆工商大学怎么样 五行缺金怎么补 黑芝麻怎么吃最好 羽绒服有油渍怎么洗 ipad怎么连接电脑 预激综合征怎么治疗 怎么解除安全模式 怎么炖鸡好吃