日期: 2022-09-21 01:32:42 浏览数:3

上往建站提供服务器空间服务商,百度快照排名,网站托管,百度推广运营,致力于设计外包服务与源代码定制开发,360推广,搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营:网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务,专业团队服务,效果好。
河南省新安网站建设_网页定制制作与开发多少钱_做到满意为止

RGBA 颜色
RGBA 颜色值是 RGB 颜色值的扩展,带有 alpha 通道 - 该通道规定颜色的不透明度。
RGBA 颜色值是这样规定的:rgba(red, green, blue, alpha)。 alpha 参数是介于 0.0(完全透明)和 1.0(完全不透明)之间的数字。
rgba(255, 0, 0, 0.2);
rgba(255, 0, 0, 0.4);
rgba(255, 0, 0, 0.6);
rgba(255, 0, 0, 0.8);
下面的例子定义了不同的 RGBA 颜色:
实例
#p1 {background-color: rgba(255, 0, 0, 0.3);} /* 带不透明度的红色 */
#p2 {background-color: rgba(0, 255, 0, 0.3);} /* 带不透明度的绿色 */
#p3 {background-color: rgba(0, 0, 255, 0.3);} /* 带不透明度的蓝色 */
亲自试一试
HSL 颜色
HSL 指的是色相、饱和度和亮度(Hue、Saturation 以及 Lightness)。
HSL 颜色值是这样规定的:hsl(hue, saturation, lightness)。
色相是色轮上的度数(从 0 到 360):
0(或 360)是红色
120 是绿色
240 是蓝色
饱和度是一个百分比值:100% 是全色。
亮度也是一个百分比值:0% 是深色(黑色),而 100% 是白色。
hsl(0, 100%, 30%);
hsl(0, 100%, 50%);
hsl(0, 100%, 70%);
hsl(0, 100%, 90%);
下面的例子定义了不同的 HSL 颜色:
实例
#p1 {background-color: hsl(120, 100%, 50%);} /* 绿色 */
#p2 {background-color: hsl(120, 100%, 75%);} /* 浅绿色 */
#p3 {background-color: hsl(120, 100%, 25%);} /* 深绿色 */
#p4 {background-color: hsl(120, 60%, 70%);} /* 淡绿色 */
亲自试一试
HSLA 颜色
HSLA 颜色值是带有 Alpha 通道的 HSL 颜色值的扩展 - 它规定了颜色的不透明度。
HSLA 颜色值由以下参数规定:hsla(hue, saturation, lightness, alpha),其中 alpha 参数定义不透明度。 alpha 参数是介于 0.0(完全透明)和 1.0(完全不透明)之间的数字。
hsla(0, 100%, 30%, 0.3);
hsla(0, 100%, 50%, 0.3);
hsla(0, 100%, 70%, 0.3);
hsla(0, 100%, 90%, 0.3);
下面的例子定义了不同的 HSLA 颜色:
实例
#p1 {background-color: hsla(120, 100%, 50%, 0.3);} /* 带不透明度的绿色 */
#p2 {background-color: hsla(120, 100%, 75%, 0.3);} /* 带不透明度的浅绿色 */
#p3 {background-color: hsla(120, 100%, 25%, 0.3);} /* 带不透明度的深绿色 */
#p4 {background-color: hsla(120, 60%, 70%, 0.3);} /* 带不透明度的淡绿色 */
亲自试一试
不透明度
CSS opacity 属性设置整个元素的不透明度(背景颜色和文本都将是不透明/透明的)。
opacity 属性值必须是介于 0.0(完全透明)和 1.0(完全不透明)之间的数字。
rgb(255, 0, 0); opacity:0.2;
rgb(255, 0, 0); opacity:0.4;
rgb(255, 0, 0); opacity:0.6;
rgb(255, 0, 0); opacity:0.8;
请注意,上面的文本也将是透明/不透明的!
下面的例子显示了带有不透明度的不同元素:
实例
#p1 {background-color:rgb(255,0,0);opacity:0.6;} /* 带不透明度的红色 */
#p2 {background-color:rgb(0,255,0);opacity:0.6;} /* 带不透明度的绿色 */
#p3 {background-color:rgb(0,0,255);opacity:0.6;} /* 带不透明度的蓝色
上往建站提供搭建网站,域名注册,官网备案服务,网店详情页设计,企业网店,专业网络店铺管理运营全托管公司咨询电话,服务器空间,微信公众号托管,网页美工排版,致力于域名申请,竞价托管,软文推广,全网营销,提供标准级专业技术保障,了却后顾之忧,主营:虚拟主机,网站推广,百度竞价托管,网站建设,上网建站推广服务,网络公司有哪些等业务,专业团队服务,效果好。
服务热线:400-111-6878 手机微信同号:18118153152(各城市商务人员可上门服务)