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属性的使用
猜你喜欢