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

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

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

763

主题

777

帖子

3万

积分

董事

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

积分
32938
发表于 19-4-26 21:20:01 | 显示全部楼层 |阅读模式      紫钻仅向指定用户开放  
                 css可以处理16,777,216颜色,可以使用名字、rgb值或十六进制代码。: v8 c1 x7 V/ i9 x' ]; t
red红色: B0 J% [/ {" {% u4 j
等同于
4 f) D; B$ T5 a9 [0 W1 lrgb(255,0,0)0 a' b2 |' v. x- {3 [
等同于
: x9 g  i2 S; B- e6 ?6 brgb(100%,0%,0%)  o% B- I* }! c1 ?# Y
等同于$ V2 I! n0 C2 b5 p3 O& f
#ff0000) D* v+ E$ Z% G
等同于
+ x! @: H5 i1 j1 B2 A9 t#f00
  有17个预先确定的颜色,它们是:7 h, ^8 v7 T( C5 @5 j1 u1 J( y
  aqua, black, blue, fuchsia, gray, green, lime, maroon, navy,
1 L+ g7 V! B4 c' X8 `1 g$ l  olive, orange, purple, red, silver, teal, white, and yellow.
) s3 l; j' L4 x  transparent 也是一个正确的值。
4 J7 ^  q$ J0 R7 f/ H+ R& p  rgb的三个值都是从0到255,0是最低级,255是最高级,这些值同样可以是百分比。" \" F! Q/ b# ~/ Z, Q+ @
  我们通常使用10进制即0-9,但hexadecimal使用16进制,即0到f。
" N1 ~7 p( |3 b0 G' W+ o1 ^$ O0 G* M" {  十六进制三或六个数字长度前面带上#字符,三个长度是六个的压缩形式,比如#f00是ff0000的压缩,#c96是#cc9966。三位数很好理解,像rgb,第一个是红色,第二个是绿色,第三个蓝色。但六位数给于更多的颜色控制。, ~: `( I* M! A( y5 F* ~
color和background-color0 u0 b9 U. U' A& r+ X
  颜色可以使用color和background-color,是美国英语中"color"不是"colour"。
! A! e6 ]  V$ z3 n/ c9 j" i- g  蓝色背景,黄色文字:
1 z; H9 R) h0 Q/ ~! Y
h1 {- j3 I1 ~! V4 H1 f6 D4 i
    color: yellow;
$ D9 Y2 c$ q' B5 ?! p1 n0 _    background-color: blue;
0 Q* |0 Z; |; S; T5 {7 b4 |}
  这些颜色可能比较粗糙,你可以使用另外的色度:4 ]$ G! i' d  z# w
body {
- r  z6 O7 R2 x    font-size: 0.8em;, @; z: {) @* b2 g
    color: navy;
9 f; M: c2 {6 \; O1 S/ ^/ w}
' D; V; j3 o9 G& P; c4 Xh1 {
  Y$ Z7 {6 i( P0 d  Z& y    color: #ffc;
2 M7 \% Z" q# D9 L) x9 V' R    background-color: #009;
) z% c  x! L/ @}
  你可以看到h1已经变成黄色和蓝色。
# k+ u+ b7 c5 k" Z6 D  color和background-color可以使用在绝大部分html元素,包括body。
0 U! L' `+ M3 I5 w+ {- O7 f6 s9 I$ N* r  _2 ^- C3 i4 U* T6 q

( h& b6 p$ L1 i5 t& x            

0

主题

6

帖子

4

积分

1°伸手党

Rank: 2

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

使用道具 举报

0

主题

8

帖子

4

积分

1°伸手党

Rank: 2

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

使用道具 举报

0

主题

7

帖子

20

积分

1°伸手党

Rank: 2

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

使用道具 举报

网站简介

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