常见背景属性(一) 。

在网页设计中，背景占据着非常重要的位置。不同背景的网页整体的感觉和氛围会有很大的变化，有很多不同的属性应用到背景的书写上。

[div]

背景色

颜色名称

大多数浏览器支持颜色名称。

CSS中定义了140种颜色的名称。单击此处查看所有浏览器支持的颜色名称。

见CodePen上karen (@karen0922)的钢笔背景色1。

十六进制颜色

大多数浏览器支持十六进制颜色值。

十六进制颜色用法是:#RRGGBB。

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

见CodePen上karen (@karen0922)的钢笔背景色2。

RGB和RGBA颜色[div]

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/87068.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除