在CSS3中的display属性时,可以将行级元素转换成块级元素,也可以将块级元素思凳框酣转换成行级元素。下面利用实例说明:
工具/原料
HTML5
CSS3
HBuilder
截图工具
浏览器
方法/步骤
1、第一步,双击打开HBuilder工具,新建页面文件,然后修改title标签内容
2、第二步,在<body></body>标签中,插入三个div标签和三稍僚敉视个span标签
3、第三步,添加一个style标签,使用元素选择器设置背景色和字体颜色
4、第四步,再利用span标签元素,设置对应的背景色和字体颜色
5、第五步,保存代码并运行页面文件,打开浏览器,查看界面显示效果
6、第六步,分别给div标签添加display:inline,span标签添加display:水瑞侮瑜block,然后保存并刷新浏览器,查看效果