腾讯云网站解决方案帮您轻松应对建站成本高/网络不稳等常见问题

[其他] CSS样式颜色属性的使用

3
回复
1908
查看
[复制链接]

765

主题

779

帖子

3万

积分

董事

Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72

积分
33025
发表于 19-4-26 21:20:01 | 显示全部楼层 |阅读模式      紫钻仅向指定用户开放  
                 css可以处理16,777,216颜色,可以使用名字、rgb值或十六进制代码。
# C$ a+ G! G5 c9 \" O3 \% |
red红色
, Q# O+ H3 b7 ~等同于
$ F0 T3 q3 y, t1 x& {3 b0 d8 \1 trgb(255,0,0)
2 Y; Q5 f: J# A& n9 a% v8 o等同于) Y3 {# W* B9 F0 i8 U" Z
rgb(100%,0%,0%)
+ ~+ @  b4 P+ v* l' n1 t0 H$ H" K等同于0 Q/ V! y9 v. H) v' r) ^1 u
#ff00006 I) H8 m6 n5 P  K  Y
等同于; L4 a4 _3 e! K# u. a- ?3 U. [* K
#f00
  有17个预先确定的颜色,它们是:
& W2 s& D- _% Z; l# M  aqua, black, blue, fuchsia, gray, green, lime, maroon, navy,
! h4 I8 J' l" u4 U+ _  olive, orange, purple, red, silver, teal, white, and yellow.
  E  }! o8 ^$ k  transparent 也是一个正确的值。
  r4 |: p- @8 V8 w) i- S  rgb的三个值都是从0到255,0是最低级,255是最高级,这些值同样可以是百分比。4 m7 ~1 Y! D+ ?# A  Q5 T, _0 q
  我们通常使用10进制即0-9,但hexadecimal使用16进制,即0到f。3 Z6 K5 ?: Q6 i* @+ P8 g/ x
  十六进制三或六个数字长度前面带上#字符,三个长度是六个的压缩形式,比如#f00是ff0000的压缩,#c96是#cc9966。三位数很好理解,像rgb,第一个是红色,第二个是绿色,第三个蓝色。但六位数给于更多的颜色控制。% Z5 \0 m8 P0 \  U
color和background-color) u1 g8 Q# E7 g! i9 Z
  颜色可以使用color和background-color,是美国英语中"color"不是"colour"。
. m. I. B- H, |4 N4 j  蓝色背景,黄色文字:8 d( Y9 m3 n4 t/ w, K
h1 {/ G; D* {3 n& \3 J
    color: yellow;# ~. `' q5 U2 `% ~
    background-color: blue;
5 j9 X! u0 M% @4 ?}
  这些颜色可能比较粗糙,你可以使用另外的色度:3 z9 h- |( V& f7 x+ w2 {4 @7 {$ W
body {
& U  @) i( K5 X/ r8 S    font-size: 0.8em;7 @4 g/ u  I# T+ T
    color: navy;. p: u6 X3 z. g- k( F
}
8 ~. \' U1 g& ^: }( kh1 {( g8 h# H7 L, @* x( {3 F* s
    color: #ffc;" K# W7 ~; o' h& P2 ?5 W0 H
    background-color: #009;, Q9 e( y( V0 a: v. a. ?+ a
}
  你可以看到h1已经变成黄色和蓝色。
- ~  v9 E" X. I  color和background-color可以使用在绝大部分html元素,包括body。
3 o0 c& P" [+ l: Y) ^9 M3 c4 S- A4 V7 p9 J5 ~0 h5 x) w

# H( s, L& L3 I. h) K5 G# v            

0

主题

7

帖子

4

积分

1°伸手党

Rank: 2

积分
4
发表于 19-10-2 04:55:36 | 显示全部楼层         
04:55:36
回复

使用道具 举报

0

主题

10

帖子

4

积分

1°伸手党

Rank: 2

积分
4
发表于 19-10-11 08:57:33 | 显示全部楼层         
来过
回复

使用道具 举报

0

主题

10

帖子

20

积分

1°伸手党

Rank: 2

积分
20
发表于 19-12-28 02:13:59 | 显示全部楼层         
我是来刷分的,嘿嘿
回复

使用道具 举报

网站简介

球球发,是一家 Discuz! 商业插件、风格模板、网站源码、 Discuz!运营维护技术等于一体的交流分享网站,全站95%的资源都是免费下载,对于资源我们是每天更新,每个亲测资源最新最全---球球发(如果我们有侵犯了您权益的资源请联系我们删除