CSS之颜色

前面我们讲完了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,学完了就要应用你的网页,为你的网页添加活力。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 建议学习时长: 10分钟学习方式:了解 学习目标 了解的CSS颜色的写法。 详细介绍 字体颜色,背景色,边框颜色等...
    知行社阅读 169评论 0 1
  • 学习CSS的最佳网站没有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_阅读 1,101评论 0 1
  • 1.块级元素和行内元素 块级(block-level)元素;行内(内联、inline-level)元素。 块元素的...
    饥人谷_小侯阅读 2,055评论 1 4
  • FreeCodeCamp - HTML5 and CSS 发现原来在另外一台电脑学 FreeCodeCamp 的时...
    付林恒阅读 9,469评论 2 17
  • ——春天的主旋律 辗转难眠。 一闭上眼睛, 孩提时的回忆 总是不经意地窜入脑海。 乡间光滑的石板路...
    春天的主旋律阅读 193评论 4 3