CSS basics-element背景纯色填充
来源：未知 浏览量：371次
在网页设计中有时需要填补的背景元素。元素?年代背景包括元素?内容区域内部利润率和四面边界关键词查询工具内部利润率和四面边界但不包括元素呢?外的利润。把背景填充固体颜色渐变的颜色和图片。
填充元素的样式标签背景与纯色背景颜色。属性值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风格填补。下面的图显示了浏览器显示的效果。