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

 

• 
• 大小: 7.2 KB

• 查看图片附件