在网页设计中，背景占据着非常重要的位置，不同背景的网页整体感觉和氛围会有很大的变化，背景的书写也有很多不同的属性应用。
背景色
颜色名称
大多数浏览器支持颜色名称。
CSS中定义了140种颜色的名称。单击此处查看所有浏览器支持的颜色名称。
见CodePen上karen (@karen0922)的钢笔背景色1。
十六进制颜色
大多数浏览器支持十六进制颜色值。
十六进制颜色用法是:#RRGGBB。
其中RR代表红色，GG代表绿色，BB代表蓝色。所有值必须在00和FF之间。
见CodePen上karen (@karen0922)的钢笔背景色2。
RGB和RGBA颜色
RGB
大多数浏览器支持RGB颜色值。
RGB颜色是rgb(红，绿，蓝)。三个值用于定义颜色。该值是介于0和255之间的整数或百分比值。值越高，颜色占用的空间越大。
RGBA
浏览器支持IE9+、Firefox 3+、Chrome、Safari和Opera 10+中的RGBA。
RGBA的前三个值的使用方式与RGB相同，最后一个alpha值有所不同，用于指定透明度。参数介于0.0(完全透明)和1.0(完全不透明)之间。
见CodePen上karen (@karen0922)的钢笔背景色3。
Hsl和Hsla color
HSL
IE9+、Firefox、Chrome、Safari和Opera 10+中的浏览器都支持HSL。
HSL的颜色值是(色相，饱和度，亮度)来定义颜色。
色相(H)是颜色的基本属性，也就是颜色名称，比如红色和黄色，用0°到360°来表示。0度是红色，120度是绿色，240度是蓝色。
饱和度(S)指颜色的纯度，取值范围为0%到100%。数字越大颜色越纯，颜色越小越灰。
亮度(L)指一种颜色的亮度，范围从0%到100%。数字越大越亮，越小越暗。
[/s2/]HSLA
浏览器支持IE9+、Firefox、Chrome、Safari和Opera 10+中的HSLA。
HSLA的前三个值的使用方式与HSL相同，但最后一个alpha值不同，它用于指定透明度。参数介于0.0(完全透明)和1.0(完全不透明)之间。
见CodePen上karen (@karen0922)的钢笔背景色4。
以上是背景纯色的使用介绍。光是纯色的运用方法就那么多，不同的地方可以运用不同的写法。之后会介绍更多其他属性的介绍。
[div][div]
本文来自投稿，不代表重蔚自留地立场，如若转载，请注明出处https://www.cwhello.com/86311.html
如有侵犯您的合法权益请发邮件951076433@qq.com联系删除
