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

大城市里の小女人 提交于 2020-02-29 03:52:29

颜色的表述

在网页中的颜色设置是非常重要,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;
}

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!