CSS之颜色

作者: 前端梵风 | 来源:发表于2017-08-08 12:24 被阅读16次

前面我们讲完了css选择器,接下来说说如何使用选择器吧,给我们的网页添加上多姿多彩的颜色吧。

一,颜色

1.RGB值

如    h1{

              color:rgb(255.255.0);

}

2.十六进制编码

如    h1{

             color:#ffff00;

}

3.颜色名称

如    h1 {

               color:yellow;

}

4.上面说的就是三种颜色的写法,上面讲的是前景色,所以下面就从背景色讲起了。

二,背景色

前面第一篇css初识就讲到元素是位于一个个盒子中,那我们设置的背景色background-color属性的设置就是盒子的背景色。

多数情况下背景色的默认是白色。

四,css透明度

1.opacity属性:它的属性值是介于0.0~1.0之间,opacity:0.4(就是40%的透明度)。

2.opacity属性允许指定的元素和其子元素。

3.rgba属性:rgba(255.255.0.0.4)。

五,HSL颜色

1.如    background-color:hsl(0,100%,100%);

上面分别对应色调,饱和度,明度。

六,HSLA颜色

上面我们说到hsl颜色,那如果我们在明度后面再加上透明度就是hsla颜色了。

OK,学完了就要应用你的网页,为你的网页添加活力。

相关文章

  • CSS之颜色

    前面我们讲完了css选择器,接下来说说如何使用选择器吧,给我们的网页添加上多姿多彩的颜色吧。 一,颜色 1.RGB...

  • css3总结

    css颜色表示方式: css3新增颜色表示方式 css1&css2的颜色方式: color name--颜色名称方...

  • CSS基本属性

    CSS基本语法 css背景 背景颜色body{background-color: #b0c4de;}css中,颜色...

  • R语言中的各种颜色与代码

    CSS颜色大全

  • CSS3常用归纳总结2

    CSS颜色,文本字体 CSS颜色表示法 1.颜色名表示,比如:red 红色,gold 金色 2.16进制数值表示,...

  • CSS颜色

    CSS2支持17种颜色的名字。###### 对于更多地颜色,可以使用代表红,绿,蓝三个颜色的16进制数字来表示。1...

  • CSS颜色

    颜色 颜色值的常用表示方式 十六进制色 RGB 颜色 RGBA 颜色 RGBA 颜色值是 RGB 颜色值的扩展,带...

  • CSS 颜色

    本节我们来讲一下颜色,因为我们后面学习 CSS 样式时,会经常用到颜色,颜色也是网页中必不可少的一个元素。例如我们...

  • css颜色

    css颜色 十六进制颜色 # rgb颜色 红绿蓝 rgba颜色+透明 HSL 色相 饱和度 亮度 HSLA 颜色+...

  • css 基础

    css 思维导图 基础 使用css的三种方式 声明&选择器 @import 颜色 颜色表达 颜色使用分类 文本 f...

网友评论

    本文标题:CSS之颜色

    本文链接:https://www.haomeiwen.com/subject/sqrtrxtx.html