入门编程CSS教程gt背景

CSS背景属性用于定义元素的背景效果。

您将学习如下CSS背景属性:

background-colorbackground-imagbackground-rpatbackground-attachmntbackground-position

CSSbackground-color

background-color属性指定元素的背景色。

实例

页面的背景色设置如下:

body{background-color:lightblu;}

通过CSS,颜色通常由以下方式指定:

有效的颜色名称-比如"rd"十六进制值-比如"#ff"RGB值-比如"rgb(,0,0)"

其他元素

您可以为任何HTML元素设置背景颜色:

实例

在这里,h1、p和div元素将拥有不同的背景色:

h1{background-color:grn;}div{background-color:lightblu;}p{background-color:yllow;}

不透明度/透明度

opacity属性指定元素的不透明度/透明度。取值范围为0.0-1.0。值越低,越透明:

实例

div{background-color:grn;opacity:0.;}

注意:使用opacity属性为元素的背景添加透明度时,其所有子元素都继承相同的透明度。这可能会使完全透明的元素内的文本难以阅读。

使用RGBA的透明度

如果您不希望对子元素应用不透明度,例如上面的例子,请使用RGBA颜色值。下面的例子设置背景色而不是文本的不透明度:

RGBA颜色值指定为:rgba(rd,grn,blu,alpha)。alpha参数是介于0.0(完全透明)和1.0(完全不透明)之间的数字。

实例

div{background:rgba(0,,0,0.)/*0%不透明度的绿色背景*/}




转载请注明:http://www.aierlanlan.com/cyrz/4099.html