发信人: parislenin()
整理人: eagle(2000-06-03 10:52:08), 站内信件
|
背景重复background-repeat
使用背景重复样式有这样几个属性值，如果你不使用，默认情况同使用 rep
eat 的时候一样。不过我先声明，如果你使用FrontPage98来编辑，在它的“普通
”和“预览”窗口中，你都不能看到正确结果，怎么办？可以一边编辑，一边保
存，另开浏览器刷新浏览这幅网页：
background-repeat : repeat 背景图片将布满整个网页
background-repeat : repeat-x 背景图片只在x轴，也就是水平方向排一行
background-repeat : repeat-y 背景图片只在y轴，也就是垂直方向排一列
background-repeat : no-repeat 背景图片不重复排列，只在网页左上角显示一
幅
图片依附位置background-attachment
使用图片依附位置样式，有如下两种属性值，如果你没有指定，则同使用 s
croll 的情况一致：
background-attachment : scroll 图片的位置以网页为参照，背景图片跟随网
页上下滚动
background-attachment : fixed 图片的位置以浏览器窗口为参照，背景图片
不会跟随网页上下滚动
图片定位：background-position
使用图片定位的属性值有下面几种，如果不使用，默认位置是从页面左上角
0位置开始：
background-position : <percentage> 使用百分点定位，0% 0%是指图片左上角
在页面左上角，如果是100% 100%，则表示图片右下角在页面右下角位置，两个百
分数用空格分开
background-position : <length> 使用长度单位，如2cm 5cm，表示图片距左2
cm，距上5cm，两个数据用空格分开
background-position : top / center / bottom 分别表示图片在网页的顶、
中、底位置
background-position : left / center / right 分别表示图片在网页的左、
中、右位置
在使用百分点和长度时，如果只有一个数据的时候，只表示水平方向的位置
。
使用它们的位置参数时，你可以部分混用的，就象这样：“7cm 40%”或“2
0% 4cm”。但绝不能把百分点或长度同位置单词混用，象“1cm top”这样是
不允许的。
使用位置单词的时候，前后的顺序是可以颠倒的，比如“top center”和
“center top”表示的是同一意思。
当然，使出数字和使用单词是可以互换的，比如：'left top'= '0% 0%'，还
有'center right'= '100% 50%'。
对于背景的这些标签来说，它们之间的值是互不干涉的内容，有时候我们写的时
候还可以简化一些，下面我写了一段关于背景的描述：
P{ background-color : red
background-image : url(abc.gif )
background-repeat : repeat
background-attachment : fixed
background-position : 20% 2cm }
我也可以简写为这样：
P { background: url(abc.gif ) red 20% 2cm repeat fixed }
--
庞磊 ---- 网络安居工程倡导者！
倡导网络安居工程，人人都有一个家！！一切从学会制作网页开始。
>>http://www9000.126.com<<>>http://www9000.cn99.com<<
>>http://www9000.yeah.net<<>>http://www9000.home.china.com<<
>>>>>>>>>>>><<<<<<<<<<<<
※ 来源:．月光软件站 http://www.moon-soft.com．[FROM: 202.98.195.2]
|
|