css中display的属性以及使用方法

2024-10-22 06:33:04

1、将新建的txt文档修改成display.html文件。

css中display的属性以及使用方法

2、然后使用Sublime编辑器打开,编写html5标准代码。

css中display的属性以及使用方法

3、新建三个a标签,并设置其对应的class属性和文本信息。

css中display的属性以及使用方法

4、用浏览器打开html文件,页面初始效果如下。

css中display的属性以及使用方法

5、首先我们来看下“display:block;”属性,会将三个a标签变为块级元素。

css中display的属性以及使用方法

6、刷新页面后,可以看到三个a标签各自占据一行。

css中display的属性以及使用方法

7、其实就是“display:none;”属性,设置后,该元素不会被显示。

css中display的属性以及使用方法

8、再次刷新页面后,可以发现a标签二没有显示,被隐藏起来了。

css中display的属性以及使用方法
猜你喜欢