HTML&CSS基础学习笔记1.30-颜色的表达

阅读更多

颜色的表述

在网页中的颜色设置是非常重要,CSS的属性有字体颜色(color)、背景颜色(background-color)、边框颜色(border)等,设置颜色的方法也有很多种:

 

1、英文命令颜色

前面几个知识点中经常用到的就是这种设置方法:

p{color:green;}  

2、RGB颜色

这个与 photoshop 中的 RGB 颜色是一致的,由 R(red)、G(green)、B(blue) 三种颜色的比例来配色。

p{color:RGB(0,255,0);}  

每一项的值可以是 0~255 之间的整数,也可以是 0%~100% 的百分数。如:

p{color:RGB(0,100%,0);}  

3、十六进制颜色

这种颜色设置方法是现在比较普遍使用的方法,其原理其实也是 RGB 设置,但是其每一项的值由 0-255 变成了十六进制 00-ff。

p{color:#00FF00;}  

更多学习内容,就在码芽网www.mayacoder.com

看一段css代码:

/*给p元素添加背景颜色*/
p{
background-color:#fffa21;
color:#f58055;
}

更多学习内容,就在码芽网http://www.mayacoder.com/lesson/index
HTML&CSS基础学习笔记1.30-颜色的表达_第1张图片
 

  • HTML&CSS基础学习笔记1.30-颜色的表达_第2张图片
  • 大小: 7.2 KB
  • 查看图片附件

你可能感兴趣的:(color)