CSS基
发布时间：2021-12-18 13:09:28 所属栏目：优化 来源：互联网
导读：在网页设计中，有时需要对元素的背景进行填充。元素的背景包括元素的内容区域，内边距和四边边框，但不包括元素的外部边距。填充背景可以使用纯色、渐变色和图片。 使用纯色填充元素背景的样式标签是background-color。background-color的属性值为关键字、十
|
在网页设计中，有时需要对元素的背景进行填充。元素的背景包括元素的内容区域，内边距和四边边框，但不包括元素的外部边距。填充背景可以使用纯色、渐变色和图片。 使用纯色填充元素背景的样式标签是background-color。background-color的属性值为关键字、十六进制颜色值、rgb()函数、rgba()函数。 CSS定义了一组颜色关键字用于描述常用颜色，下图给出了CSS定义的16个基本颜色关键字。其中，Color一栏给出了颜色，Color Neme一栏给出了该颜色定义的关键字，HEX一栏是该颜色的十六进制颜色值，RGB一栏是该颜色的RGB颜色值。 十六进制颜色值使用三个双位数来编写，并以 # 符号开头，下图给出了基本颜色的十六进制颜色值和RGB颜色对应表。 CSS还定义了一个关键字transparent，用于表示背景透明色。如果一个HTML元素覆盖在另外一个HTML元素之上，若需要把被覆盖的元素显示出来，就可以把上面元素的background设置为transparent。 rgb()函数用于动态创建颜色，rgb函数需要传入RGB颜色三基色红绿蓝的值，红绿蓝三基色值均在0至255之间，颜色数值越大颜色比重越大。如rgb(255,0,0)返回红色颜色值，rgb(0,0,255)返回蓝色颜色值。rgba()函数在红绿蓝三色值的基础上，又加了透明度参数，透明度值在0-1之间，透明度值越大则背景元素越透明。如rgba(255,0,0,0.5)返回红色且透明度为0.5的颜色值。下面的HTML文档展示了背景填充样式标签background-color的使用方法。 在上面的网页代码中，P3样式和P4样式的background-color颜色值相同，但P4样式的background-color定义了值为0.5的透明度，因此在浏览器显示效果上，P4样式填充的颜色要比P3样式填充的颜色浅。下图是浏览器显示效果。 （编辑：52站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
