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中如何让元素隐藏的内容啦 , 希望对你有所帮助哦!

    猜你喜欢