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

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

0
回复
711
查看
[复制链接]

690

主题

704

帖子

3万

积分

董事

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

积分
31813
     紫钻仅向指定用户开放  
发表于 19-4-26 21:20:01 | 显示全部楼层 |阅读模式
                 css可以处理16,777,216颜色,可以使用名字、rgb值或十六进制代码。) g9 [& G- S8 E) B! p, f
red红色8 m* \& `7 I# k+ S
等同于
5 v7 R5 @( r% Urgb(255,0,0)( L3 `7 ^( {1 {- v
等同于
4 \" g; V* z; z7 u7 H- nrgb(100%,0%,0%)# i/ e. n& L, S5 C  O6 f, W
等同于6 z! g9 n! u; c: [+ n( a
#ff0000
  e4 q3 h& S1 S( t1 a等同于
: i' Q& W  ?. g) H* G& c#f00
  有17个预先确定的颜色,它们是:
$ x; ]( r4 F/ K& N) ?8 `5 R  aqua, black, blue, fuchsia, gray, green, lime, maroon, navy,
8 Y6 V) K' o) Q8 h) w  olive, orange, purple, red, silver, teal, white, and yellow.
- g) Y+ k( N1 W( A7 g- p  transparent 也是一个正确的值。
. S  o4 n# O5 X7 j  rgb的三个值都是从0到255,0是最低级,255是最高级,这些值同样可以是百分比。
# w$ ~4 `1 V+ k5 N6 G8 ?0 i  我们通常使用10进制即0-9,但hexadecimal使用16进制,即0到f。4 s: I0 _) G- C2 s& N. |
  十六进制三或六个数字长度前面带上#字符,三个长度是六个的压缩形式,比如#f00是ff0000的压缩,#c96是#cc9966。三位数很好理解,像rgb,第一个是红色,第二个是绿色,第三个蓝色。但六位数给于更多的颜色控制。
0 p6 H/ ?' L  t" `( j: O% _* }color和background-color, E( I/ v- X% r- G9 i+ o
  颜色可以使用color和background-color,是美国英语中"color"不是"colour"。
1 P9 f* z% ]1 c7 c  蓝色背景,黄色文字:
5 T/ K  s5 x0 y1 Z8 b+ ~' `2 d
h1 {
* h3 n2 s9 X: e$ _& s1 n- W. d    color: yellow;! C9 y+ j* S5 ?1 u0 E' {
    background-color: blue;) o5 q6 c3 ~* B5 F. l% q! h% r, e
}
  这些颜色可能比较粗糙,你可以使用另外的色度:
9 ?5 \0 e% x* i: _/ Q! {
body {( i# b- p- M8 k9 P$ p/ {: c: \% j
    font-size: 0.8em;) y" J# h& m5 G9 q
    color: navy;
3 _, i9 \- z7 J: W  |: Z" y}4 g7 K' e- W! _! O6 E) N
h1 {
4 h, N5 @/ a+ L    color: #ffc;  C! u. p! D; G9 i
    background-color: #009;
# n1 W" |9 H; J- ], B) Y" t: Z}
  你可以看到h1已经变成黄色和蓝色。# J- d# u' F% E2 }7 }+ P2 ~+ l; G9 i/ k
  color和background-color可以使用在绝大部分html元素,包括body。
- @  R$ q5 {# G2 g) S5 D
1 G& W2 z5 m  N; e" x0 K 2 ]- H+ s0 A1 \4 f! Q3 \1 ~( a
            

qiuqiufa.com

网站简介

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