CSS教程 display属性的使用

时间:2024-10-12 18:26:51

1、新建一个display属性的使用.html 文件,如图所示:

CSS教程 display属性的使用

2、输入HTML5的结构代码,将title标签里面的内容修改成:display属性的使用,如图所示:

CSS教程 display属性的使用

3、输入一个行内元素span,如图所示:

CSS教程 display属性的使用

4、span标签是一个行内元素,如图所示:

CSS教程 display属性的使用

5、使用display将行内元素变成块元素,如图所示:

CSS教程 display属性的使用

6、运行网页,可以看到此时的span标签变成了块元素,如图所示:

CSS教程 display属性的使用
© 2025 智德知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com