CSS中如何让元素隐藏

html+css
代码编纂器:Dreamweaver CS5方式/
1新建一个html文件 , 定名为test.html , 用于讲解CSS中若何让元素埋没 。

CSS中如何让元素隐藏

文章插图

2【CSS中如何让元素隐藏】在test.html文件内 , 利用p标签建立两行文字 , 代码如下:

CSS中如何让元素隐藏

文章插图

3在test.html文件内 , 设置第一个p标签id属性为mp , 本家儿要用于下面利用css设置该p元素埋没 。

CSS中如何让元素隐藏

文章插图

4在test.html文件内 , 编写标签 , 下面将在标签内编写css样式 。

CSS中如何让元素隐藏

文章插图

5在css标签内 , 利用css设置p标签的行高为30px , 在浏览器运行test.html , 结果如下:

CSS中如何让元素隐藏

文章插图

CSS中如何让元素隐藏

文章插图

6在css标签内 , 对id为mp的p元素样式进行零丁界说 , 经由过程dispay属性设置为none , 实现该p元素埋没不成见 。

CSS中如何让元素隐藏

文章插图

7在浏览器打开test.html文件 , 查看实现的结果 。

CSS中如何让元素隐藏

文章插图


以上内容就是CSS中如何让元素隐藏的内容啦 , 希望对你有所帮助哦!

    推荐阅读