CSS颜色--基本样式

本文详细介绍了CSS中设置颜色的各种方式,包括颜色名称、RGB、RGBA、十六进制、HSL和HSLA。重点讲解了HSL色彩模型,解释了色相、饱和度和亮度的概念,并探讨了透明度的控制,特别是opacity属性和如何避免颜色透明度对内容的影响。还提到了预定义的颜色名称和浏览器兼容性问题。
摘要由CSDN通过智能技术生成

CSS样式

1.指定颜色的几种方式

颜色名称 {
color:green;
} //(预定义/跨浏览器的颜色名称)

RGB {
color:rgb(0,0,0);
} //即是代表红、绿、蓝,以这三种颜色拼出的

RGBA {
color:rgba(0,0,0,0.5);
} //前面三位 rgb 和上面一样,最后一位代表了透明度,这里是 0.5 的透明度

十六进制 {
color:#ff0000;
}

HSL色彩{
color: hsl(120,65%,75%);
}

HSLA颜色{
color: hsla(120,65%,75%,0.3);
}

HSL色彩       
IE9, Firefox, Chrome, Safari,和Opera 10+.支持HSL颜色值。
HSL代表色相,饱和度和亮度 - 使用色彩圆柱坐标表示。
HSL颜色值指定:HSL(色调,饱和度,明度)。
色相是在色轮上的程度(从0到360)-0(或360)是红色的,120是绿色的,240是蓝色的。
饱和度是一个百分比值;0%意味着灰色和100%的阴影,是全彩。
亮度也是一个百分点;0%是黑色的,100%是白色的。
HSLA颜色    IE9, Firefox3+, Chrome, Safari,和Opera10+.支持.
HSLA的颜色值是一个带有alp

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值