• 微信号
目录

html笔记

您当前的位置:首页 > 我的笔记 > html笔记>css3颜色

上一篇: css3背景

下一篇: CSS3渐变

css3颜色

RGBA

RGBA(R,G,B,A)

语法 background: RGBA(R,G,B,A);

取值

  • R:红色值。正整数 | 百分数
  • G:绿色值。正整数 | 百分数
  • B:蓝色值。正整数 | 百分数
  • A:Alpha透明度。取值0~1之间
background: rgba(0, 0, 0, .5);

HSLA

语法:background-color: hsl(h, s, l);

取值

  • H:Hue(色调)。0(或360)表示红色,120表示绿色,240表示蓝色,也可取其他数值来指定颜色。取值为:0 - 360
  • S:Saturation(饱和度)。取值为:0.0% - 100.0%
  • L:Lightness(亮度)。取值为:0.0% - 100.0%
  • A:Alpha透明度。取值0~1之间
background-color: hsla(360, 50%, 50%, .5);

opacity

opacity:属性设置元素的不透明级别

语法 :opacity: value|inherit;

取值

  • *value*:规定不透明度。从 0.0 (完全透明)到 1.0(完全不透明)
  • inherit:应该从父元素继承 opacity 属性的值
div {
    opacity:.5;
}

兼容ie8

div {
   /*值的范围:1-100 */
    filter:alpha(opacity=0);
}

上一篇: css3背景

下一篇: CSS3渐变