阿七
级别: 未验证会员
精华:
0
发帖: 909
威望: 0 点
金钱: 2161 RMB
贡献值: 0 点
在线时间:512(小时)
注册时间:2006-03-29
最后登录:2008-08-07
|
九．控制颜色和背景的样式 o%7-<
\qS
9TX2h0U?
控制颜色和背景的样式包括颜色属性、背景颜色、背景图片、背景图片重复、背景图片固定、背景定位六个部分。 [;H-HpBaa
\HXq~Y
1．颜色属性 4_kY^"*#"
djH &)&q!
基本格式如下： :_}xN!9LA
Z_[ P7P
color: 参数 , # =TputM
A'BqNsy
颜色参数取值范围： "AU.Eh"-1
D=Q.Q
·以RGB值表示 A
0v=7
]
$C.a@gm
·以16进制（hex）的色彩值表示 < rtKPlb//
t L3R<'
·以默认颜色的英文名称表示 6@TU9AZS `
b"WF]x|^
以默认颜色的英文名称表示无疑是最为方便的，但由于预定义的颜色种类太少，所以更多的网页设计者喜欢用RGB的方式。RGB方式的好处很多，不但可以用数字的形式精确地表示颜色，而且也是很多图像制作软件（如Photoshop）里默认使用的规范，这样一来就为图片和网页更好地结合打下了坚实的基础。 ~P#mvQE)
9w- )??
2．背景颜色 .u>[m .
7mq&]4-G
在HTML当中，要为某个对象加上背景色只有一种办法，那就是先做一个表格，在表格中设置完背景色，再把对象放进单元格。这样做比较麻烦，不但代码较多，还要为表格的大小和定位伤些脑筋。现在用CSS就可以轻松地直接搞定了，而且对象的范围很广，可以是一段文字，也可以只是一个单词或一个字母。 bn )1G$0|
c ef[T(>
基本格式如下： "]# Ij6ml
("\{=XA Q
background-color: 参数
&n
DXn|
u8T@W} FX
参数取值和颜色属性一样。 Ly&+m+Gwu
)i}j\";>L
3．背景图片 H.\`(`6
+=j S!
基本格式如下： yI 2UmhA
Ux7LN @4og
background-image: url(URL) JD#x+~pb,8
BbI%tmA7
URL就是背景图片的存放路径。如果用“none”来代替背景图片的存放路径，将什么也不显示。 2uOYuM[7gH
h{gFqkDoTI
4．背景图片重复 ao2 ^3e
i
qvLu{
背景图片重复控制的是背景图片平铺与否，也就是说，结合背景定位的控制可以在网页上的某处单独显示一幅背景图片。 hE|P|0U,n
=..Bh8P71!
基本格式如下： ^K ;k4oK
Jqj!k*=/
background-repeat: 参数 zbmC ? 2$
+P^
;7"H
参数取值范围： -N8rs[c
B+K6(^j,,y
·no-repeat：不重复平铺背景图片 "E(i <
kJJT`Ba&/
·repeat-x：使图片只在水平方向上平铺 5dm ~yQN/
;cXw;$&D
·repeat-y：使图片只在垂直方向上平铺 rP:g
`?*V
} :0_%=)N<
如果不指定背景图片重复属性，浏览器默认的是背景图片向水平、垂直两个方向上平铺。 5EFt0?G
hZx&
j{
5．背景图片固定 17
Ugz?
JM3[
yNSN@
背景图片固定控制背景图片是否随网页的滚动而滚动。如果不设置背景图片固定属性，浏览器默认背景图片随网页的滚动而滚动。为了避免过于花哨的背景图片在滚动时伤害浏览者的视力，所以可以解除背景图片和文字内容的捆绑，该为和浏览器窗口捆绑。 w}j i]V}
e9o\qEm
基本格式如下： $fmTa02q>
fB8, )&
background-attachment: 参数 ,U~A=bsa
lL}NiN-)t
参数取值范围： 0$*7lQ<a#M
z`zz8hK.
·fixed：网页滚动时，背景图片相对于浏览器的窗口而言，固定不动 { ADd[V
X' `n>1z
·scroll：网页滚动时，背景图片相对于浏览器的窗口而言，一起滚动 mtmC,jnD
^%r6+ey
6．背景定位 24 [KGp
2_q/<8t
背景定位用于控制背景图片在网页中显示的位置。 {<42PJtPY
NiZfa C6V
基本格式如下： h.edb6
q`9.@u@ a
background-position: 参数表 t#^Cem<
Va8
}JD
参数取值范围： ZC?~RXL(
9^a |yyzL
·带长度单位的数字参数 }>{R<[I!G
W`[VLi}fe
·top：相对前景对象顶对齐 ,;pUBrz/[
Cog }a
·bottom：相对前景对象底对齐 {8m&Z36E
W sHD Ip
·left：相对前景对象左对齐 %r^tZ ;; l
aT,W
XW *
·right：相对前景对象右对齐 I'5[ 8
ntIR #fB
·center：相对前景对象中心对齐 y6$a
:6
OLx;j+p
·比例关系 2hHRitt36
:Racu;xf
参数中的center如果用于另外一个参数的前面，表示水平居中；如果用于另外一个参数的后面，表示垂直居中。
|
|
|
|
[1 楼]
|
Posted: 2006-04-04 13:44 |
| |
常州五颜六色网络技术有限公司 -> 网站建设 -> CSS实用教程（二）
