常见背景属性(一) ，南宁建站公司。

在网页设计中，背景佔有非常重要的位置，背景的不同网页的整体感觉、氛围都会有非常大的改变，而在背景的撰写上也有许多不同的属性应用。

Background-color

颜色名称

大部分浏览器都支持颜色名称

CSS中定义了140个颜色的名称。点此查看所有浏览器支持的颜色名称。

See the Pen background-color1 by karen (@karen0922) on CodePen.

十六进位的颜色

大部分浏览器都支持十六进制颜色值

十六进制颜色用法为：#RRGGBB。

其中RR代表红色，GG代表绿色，BB代表蓝色，所有值都必须在00和FF之间。

See the Pen background-color2 by karen (@karen0922) on CodePen.

RGB和RGBA颜色 

RGB

大部分浏览器都支持RGB颜色值

RGB颜色为rgb(红，绿，蓝)，三个数值去定义颜色，数值为0到255之间的整数或是百分比值，数值越高颜色所佔的比重越多。

RGBA

浏览器在IE9 +，Firefox 3 +，Chrome，Safari和Opera 10+支援RGBA的使用。

RGBA前三个数值跟RGB使用方式相同，差别在最后多一个alpha值，用以指定透明程度，参数介于0.0（完全透明）到1.0（完全不透明）之间。

See the Pen background-color3 by karen (@karen0922) on CodePen.

Hsl和 Hsla颜色

HSL

浏览器在IE9 +，Firefox，Chrome，Safari和Opera 10+支持HSL的使用。

HSL颜色值为（色相，饱和度，亮度）三个数值去定义颜色。

色相（H）是色彩的基本属性，就是颜色名称，如红色、黄色等，用0到360表示。0度为红色，120度为绿色，240度为蓝色。

饱和度（S）是指色彩的纯度，取0%到100%的数值，数字越大色彩越纯，越小则逐渐变灰。

亮度（L）是指色彩的明亮程度，取0%到100%，数字越大越亮，越小越暗。

HSLA

浏览器在IE9 +，Firefox，Chrome，Safari和Opera 10+支持HSLA的使用。

HSLA前三个数值跟HSL使用方式相同，差别在最后多一个alpha值，用以指定透明程度，参数介于0.0（完全透明）到1.0（完全不透明）之间。

See the Pen background-color4 by karen (@karen0922) on CodePen.

以上是背景纯色的使用介绍，光是纯色就有这么多种应用方法，不同的写法可以应用在各个不同的地方，之后会介绍更多其他属性的介绍。