请选择 进入手机版 | 继续访问电脑版
贠老师培训群:150322713    贠老师QQ:767708506

贠老师office培训-excel学习网

 找回密码
 立即注册
点击咨询贠老师
查看: 210|回复: 7

网页颜色的几种表示方法

[复制链接]

607

主题

604

帖子

1909

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1909
发表于 2016-1-18 21:23:54 | 显示全部楼层 |阅读模式

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,

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,第一个是红色,第二个是绿色,第三个蓝色。但六位数给于更多的颜色控制。

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。

回复

使用道具 举报

1

主题

1030

帖子

20

积分

注册会员

Rank: 2

积分
20
发表于 2016-3-10 12:56:00 | 显示全部楼层
写的不错,支持一下哟
回复 支持 反对

使用道具 举报

2

主题

1164

帖子

156

积分

注册会员

Rank: 2

积分
156
发表于 2016-6-11 13:43:59 | 显示全部楼层
谢谢您的分享!
回复 支持 反对

使用道具 举报

2

主题

1036

帖子

87

积分

注册会员

Rank: 2

积分
87
发表于 2017-9-22 19:34:50 | 显示全部楼层
我是路过的,轻轻飘过
回复 支持 反对

使用道具 举报

1

主题

1006

帖子

5

积分

注册会员

Rank: 2

积分
5
发表于 2018-4-13 17:08:04 | 显示全部楼层
希望楼主能够收集更多的资料,谢谢了!
回复 支持 反对

使用道具 举报

0

主题

1007

帖子

6

积分

注册会员

Rank: 2

积分
6
发表于 2018-4-15 22:41:46 | 显示全部楼层
谢谢您的分享!
回复 支持 反对

使用道具 举报

0

主题

1007

帖子

6

积分

注册会员

Rank: 2

积分
6
发表于 2018-7-2 16:30:24 | 显示全部楼层
还有许多问题不明白,有点恼火啊!
回复 支持 反对

使用道具 举报

0

主题

730

帖子

67

积分

注册会员

Rank: 2

积分
67
发表于 2018-12-26 15:27:54 | 显示全部楼层
赞一个
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则



陕ICP备15003731号  

贠老师培训 GMT+8, 2019-3-19 06:21 , Processed in 0.328358 second(s), 33 queries .

快速回复 返回顶部 返回列表