网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

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的属性以及使用方法
© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com