全面了解CSS内置颜色(color)值

哈里灬亮

哈里灬亮

2016-02-19 19:43

图老师小编精心整理的全面了解CSS内置颜色(color)值希望大家喜欢,觉得好的亲们记得收藏起来哦!您的支持就是小编更新的动力~

  css可以处理16,777,216颜色,可以使用名字、rgb值或十六进制代码。

red红色
等同于
rgb(255,0,0)
rgb(100%,0%,0%)
#ff0000
#f00

  有17个预先确定的颜色,它们是:

  aqua, black, blue, fuchsia, gray, green, lime, maroon, navy,

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

  olive, orange, purple, red, silver, teal, white, and yellow.

  transparent 也是一个正确的值。

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

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

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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

  color和background-color

  颜色可以使用color和background-color,是美国英语中"color"不是"colour"。

  蓝色背景,黄色文字:

h1 {
  color: yellow;
  background-color: blue;
}

  这些颜色可能比较粗糙,你可以使用另外的色度:

body {
  font-size: 0.8em;
  color: navy;
}
h1 {
  color: #ffc;
  background-color: #009;
}

  你可以看到h1已经变成黄色和蓝色,color和background-color可以使用在绝大部分html元素,包括body。

展开更多 50%)
分享

猜你喜欢

全面了解CSS内置颜色(color)值

Web开发
全面了解CSS内置颜色(color)值

CSS基础教程:CSS的color颜色

Web开发
CSS基础教程:CSS的color颜色

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

CSS-COLOR样式

Web开发
CSS-COLOR样式

CSS背景:background-color

Web开发
CSS背景:background-color

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

CSS背景:layer-background-color

Web开发
CSS背景:layer-background-color

全面了解白术

中医保健 中医养生 中草药
全面了解白术

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

多种浏览器下CSS控制DIV居中的代码

多种浏览器下CSS控制DIV居中的代码

SQL SERVER实用经验技巧集 [一]

SQL SERVER实用经验技巧集 [一]
下拉加载更多内容 ↓