Dreamweaver常用隐藏标签用法教程

2025-09-24 20:46:34

1、打开Dreamweaver软件,在body中建立h1、h2、h3标签,然后将文件保存到固定位置。保存文件后,在浏览器中预览现在的样子,如图所示。

Dreamweaver常用隐藏标签用法教程

Dreamweaver常用隐藏标签用法教程

2、第一个:opacity:0.5;  opacity意思是透明度,后面是数值,如下图,将不透明度设置为0.5的效果

Dreamweaver常用隐藏标签用法教程

Dreamweaver常用隐藏标签用法教程

3、如果想要将文件隐藏,将opacity数值调整为0,这样就起到隐藏文件的效果,这时文件还保留在原有的位置。

Dreamweaver常用隐藏标签用法教程

Dreamweaver常用隐藏标签用法教程

4、第二种:display:none;将文件彻底清除,原有位置也不会保留。

如果想要恢复原状,将display属性删除,或者输入display:block,这样才能显现文件。

Dreamweaver常用隐藏标签用法教程

Dreamweaver常用隐藏标签用法教程

5、第三种:visibility:hidden;j将文件隐藏,位置还在

Dreamweaver常用隐藏标签用法教程

Dreamweaver常用隐藏标签用法教程

6、第四种:rgba(0,0,0,0.5)   ;

rgba分别代表的含义是:  r-红   ;g-绿;b-蓝;a-不透明度;

rgba一般和颜色搭配,改变颜色的不透明度,比如改变文字颜色的不透明度 color:rgba(0,0,0,0.5) ;改变背景不透明度:background-color:rgba(0,0,0,0.5);

这种方法也普遍运用于网页制作中。

Dreamweaver常用隐藏标签用法教程

Dreamweaver常用隐藏标签用法教程

Dreamweaver常用隐藏标签用法教程

Dreamweaver常用隐藏标签用法教程

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢