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

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

2
回复
1484
查看
[复制链接]

761

主题

775

帖子

3万

积分

董事

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

积分
32840
发表于 19-4-26 21:20:01 | 显示全部楼层 |阅读模式      紫钻仅向指定用户开放  
                 css可以处理16,777,216颜色,可以使用名字、rgb值或十六进制代码。! R/ e6 D. ]* ?3 i7 _$ O
red红色# X9 C: }+ o; _( o. J' @
等同于. m. O" S. ?" h9 n  a/ a' G
rgb(255,0,0)
: l* T/ N1 Y% I等同于
: z7 X& U: H+ m0 a& Crgb(100%,0%,0%)
6 r8 f1 d& j% ]等同于
1 \# D: {' e+ \#ff0000- v4 t( A% D0 D8 \
等同于
& l* E# G8 E% m2 v& Q& r& s#f00
  有17个预先确定的颜色,它们是:) e0 i; N6 m, U" `9 w$ z9 g
  aqua, black, blue, fuchsia, gray, green, lime, maroon, navy,
) l5 C) w/ o6 N4 r! L  olive, orange, purple, red, silver, teal, white, and yellow." d( Y. I! p. w. F6 R( Q; V
  transparent 也是一个正确的值。
5 L' }* `- [$ J6 z2 r0 @  rgb的三个值都是从0到255,0是最低级,255是最高级,这些值同样可以是百分比。
8 X3 @: l/ v4 i  我们通常使用10进制即0-9,但hexadecimal使用16进制,即0到f。6 u; f' h5 v- S* f1 S- Y& ]/ m! r
  十六进制三或六个数字长度前面带上#字符,三个长度是六个的压缩形式,比如#f00是ff0000的压缩,#c96是#cc9966。三位数很好理解,像rgb,第一个是红色,第二个是绿色,第三个蓝色。但六位数给于更多的颜色控制。
* R& E( J6 `" F! z$ F- t2 Fcolor和background-color8 `* \6 k; x) w9 O& @
  颜色可以使用color和background-color,是美国英语中"color"不是"colour"。5 D9 K! @* n( E+ \; F8 i  R
  蓝色背景,黄色文字:
! {5 C8 a) [/ m
h1 {7 w$ x2 x: [7 K4 U5 V6 _
    color: yellow;
7 r" W* O: N$ D    background-color: blue;
; n2 a& I! X$ V2 l4 p* b}
  这些颜色可能比较粗糙,你可以使用另外的色度:! j) B8 k* d3 ^& B  e
body {/ d/ Y) @" F9 h* }* ^3 f
    font-size: 0.8em;! Q! X2 o& F4 C1 Y9 r" H
    color: navy;6 ?' r0 w4 t5 o* {% A
}0 W# {+ t/ b$ V! L9 O' }& f1 k7 y
h1 {7 f) B3 K/ A; \# e6 \; w  n
    color: #ffc;
/ S$ l+ d5 M2 A$ k    background-color: #009;
# |# C& z8 K% _; g$ Q}
  你可以看到h1已经变成黄色和蓝色。% _$ @+ X. s2 I! x- G. o% |
  color和background-color可以使用在绝大部分html元素,包括body。# q# Z0 E& W5 M, c) Z

' \6 y2 r5 Z% \1 X( V   y. K; \, u: a" {7 n
            

0

主题

6

帖子

4

积分

1°伸手党

Rank: 2

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

使用道具 举报

0

主题

7

帖子

4

积分

1°伸手党

Rank: 2

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

使用道具 举报

网站简介

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