在网页设计中,背景占据着非常重要的位置。不同背景的网页整体的感觉和氛围会有很大的变化,有很多不同的属性应用到背景的书写上。
背景色
颜色名称
大多数浏览器支持颜色名称。
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联系删除