加入收藏 | 设为首页 | 会员中心 | 我要投稿 源码网 (https://www.900php.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

CSS的color颜色使用说明

发布时间:2016-12-07 20:18:55 所属栏目:百科 来源:站长网
导读:red红色 等同于 rgb(255,0,0) 等同于 rgb(100%,0%,0%) 等同于 #ff0000 等同于 #f00 有17个预先确定的颜色,它们是: aqua,nbsp;black,nbsp;blue,nbsp;fuchsia,nbsp;gray,nbsp;green,nbsp;lime,nbsp;maroon,nbsp;navy,nbsp; olive,nbsp;orange,nbsp;purple,n
red红色
等同于
rgb(255,0,0)
等同于
rgb(100%,0%,0%)
等同于
#ff0000
等同于
#f00
  有17个预先确定的颜色,它们是:
  aqua,nbsp;black,nbsp;blue,nbsp;fuchsia,nbsp;gray,nbsp;green,nbsp;lime,nbsp;maroon,nbsp;navy,nbsp;
  olive,nbsp;orange,nbsp;purple,nbsp;red,nbsp;silver,nbsp;teal,nbsp;white,nbsp;andnbsp;yellow.
  transparentnbsp;也是一个正确的值。

  rgb的三个值都是从0到255,0是最低级,255是最高级,这些值同样可以是百分比。

  我们通常使用10进制即0-9,但hexadecimal使用16进制,即0到f。

  十六进制三或六个数字长度前面带上#字符,三个长度是六个的压缩形式,比如#f00是ff0000的压缩,#c96是#cc9966。三位数很好理解,像rgb,第一个是红色,第二个是绿色,第三个蓝色。但六位数给于更多的颜色控制。

color和background-color

  颜色可以使用color和background-color,是美国英语中"color"不是"colour"。
  蓝色背景,黄色文字:


h1nbsp;{
nbsp;nbsp;nbsp;nbsp;color:nbsp;yellow;
nbsp;nbsp;nbsp;nbsp;background-color:nbsp;blue;
}
  这些颜色可能比较粗糙,你可以使用另外的色度:


bodynbsp;{
nbsp;nbsp;nbsp;nbsp;font-size:nbsp;0.8em;
nbsp;nbsp;nbsp;nbsp;color:nbsp;navy;
}
h1nbsp;{
nbsp;nbsp;nbsp;nbsp;color:nbsp;#ffc;
nbsp;nbsp;nbsp;nbsp;background-color:nbsp;#009;
}
  你可以看到h1已经变成黄色和蓝色。
  color和background-color可以使用在绝大部分html元素,包括body。

(编辑:源码网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读