CSS basics-element背景纯色填充

填充元素的样式标签背景与纯色背景颜色。属性值background -关键字十六进制的颜色值rgb()函数rgba()函数。

CSS定义了一组关键字来描述颜色常用的颜色。下面的图显示了16个基本颜色CSS定义的关键字。其中色列给出了颜色颜色Neme列给出了关键字的颜色定义十六进制列是颜色的十六进制颜色值和RGB列是颜色的RGB颜色值。

16进制颜色值它们都是用三个两位数和以#符号开始。下图显示了十六进制的颜色值和RGB颜色对应表的基本颜色。

CSS还定义了一个关键字透明这是用来表示背景透明的颜色。如果一个HTML元素覆盖在另一个HTML元素如果你需要显示覆盖的元素您可以设置上述元素的背景透明。

rgb()函数用于动态创建的颜色。rgb函数需要传入的值RGB三基色的颜色红色、绿色和蓝色。的值?的三原色红、绿、蓝都是0到255之间。颜色值越大颜色比例越大。例如rgb(255 0 0)返回一个红颜色值和rgb(0 0255)返回一个蓝色的颜色值。rgba()函数添加一个透明度参数的基础上红、绿、蓝三色。0 - 1之间的透明度值。透明度值越大越透明背景元素。例如rgba(255 0 0 0.5)返回一个红色值0.5的透明度。下面的HTML文档显示了如何使用背景颜色标记。

在上面的网页代码P3的背景颜色值的风格和P4样式是相同的但P4的background风格定义了一个透明度值为0.5所以浏览器中的显示效果P4风格的颜色填充比的颜色轻P3风格填补。下面的图显示了浏览器显示的效果。

标签： 北京网页设计