web前端：[css背景]背景颜色透明度

作者:阿敏啊-更新于： 2020-03-05 11:54:33

　　css为html标记语言提供了一种样式描述，定义了其中元素的显示方式。CSS在web设计领域是一个突破。利用它可以实现修改一个小的样式更新与之相关的所有页面元素。

　　rgba与opacity

　　在第一个例子中，我们只让背景颜色变得透明，而第二个例子用到opacity属性，让整个元素都变得透明，包含元素中含的内容。

　　使用opacity把一个元素设置为透明后，将无法再让其子元素变得不那么透明。

　　body{

　　background-color:rgba(254,219,207,0.5);

　　}

　　body{

　　background-color:#FEDBCF;

　　opacity:0.5;

　　}

　　补充：transparent

　　transparent属性用来指定全透明色彩,transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值。

　　在CSS1中，transparent被用来作为background-color的一个参数值，用于表示背景透明。

　　在CSS2中，border-color也开始接受transparent作为参数值，

　　《OpeneBook(tm)PublicationStructure1.0.1》[OEB101]延伸到color也接受transparent作为参数值。

　　在css3中，transparent被延伸到任何一个有color值的属性上。

　　CSS可以将样式定义在HTML元素的style属性中，也可以将其定义在HTML文档的header部分，也可以将样式声明在一个专门的CSS文件中，以供HTML页面引用。总之，CSS样式表可以将所有的样式声明统一存放，进行统一管理。