当前位置: 网站建设 > 网页设计 > 建站经验 >

第5页:CSS控制背景图象

时间:2013-03-02 04:09来源:未知 作者:admin 点击:

标签:第5页:CSS控制背景图象 控制(21)长度(6)5页(2)支撑(4)CSS(823)单位(6)这种(11)背景(35)显示(29)图象(4)
(IE 3不支撑长度单位显示这种后果) P { background-position: 75% 50%; background-image: url (background.gif) } scroll指背景图象随文字内容一起滚动, 即通常所见的方法。 fixed指文字转动时,背景图象坚持固 定。 你能够应用咱们以前学过的任何一种长度 单位, 第5页:css叠放文字和图象 ,例如pixels, points, inches, ems等。 背景反复(background-repeat) 当这条CSS规则应用
第5页:CSS控制背景图象》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/03023451R013.htm

(IE 3不支撑长度单位显示这种后果)

P { background-position: 75% 50%; background-image: url (background.gif) }

scroll指背景图象随文字内容一起滚动, 即通常所见的方法。 fixed指文字转动时,背景图象坚持固 定。

你能够应用咱们以前学过的任何一种长度 单位,第5页:css叠放文字和图象,例如pixels, points, inches, ems等。

背景反复(background-repeat)

当这条CSS规则应用于本段时,背景图象 从水平间隔段落右端70%,垂直距离段落 顶部50%的位置显示。如果你从新调剂浏 览器窗口的尺寸,使得段落的显示尺寸变 化,背景图象的位置也相应产生变更。在 本段上不会发生这样的变化,由于本段的 尺寸是固定的,不会跟着窗口尺寸的调整 而变化。

本段显示了上述规则的履行效果。IE支持 这种属性,将GIF图象设置在从左上角起 水平70象素,垂直10象素的位置,第4页:CSS背景图象。因为我 设置了 background-repeat: repeat-y, GIF图象将在文字后垂直平铺。

P { background-position: 70px 10px; background-repeat: repeat-y; background-image: url (background.gif) }

如果你只想让图象垂直或者程度方向平铺,你 可以使用repeat-x将其水平平铺,用repaet-y 将其垂直平铺。而repeat参数值则将图象从水 温和垂直两个方向平铺。

假如你看不到上述的显示效果,则阐明你所使 用的阅读器是Communicator,它不支持背景定 位。

固定背景(background-attachment)

症结字参数(Keyword values)

返回本专题:《CSS层叠款式表教程》的目录

你可以设定将背景插在什么位置显示。

长度参数可以使用你对背景图象的位置 作出更精确的控制。你可以设定水平跟 垂直定位出发点,例:

Tag:背景图象   背景图象  

你还可以使用比例值设定背景图象的位 置,例:

背景图象通常是平铺在背景上的,对吗?错。 利用这项CSS属性,你可以节制是否将其平铺。

上述规矩利用于整个段落。我们以前用过的GIF 图象呈现在文字后面,但因为我们运用了不重 复图象(no-repeat)规则,所以该图象不会重 复平铺在全部段落伍面,它只显示一幅独自的 图象。

比例值(Percentage values)

其参数有两种抉择:

P { background-position: center bottom; background-image: url (background.gif) }

--> [网站建设之]第5页:CSS把持背景图象

你不仅可以将图象放在因素后面,你还可以CSS准确地掌握背景图象的各项设置。你可以决议是 否及如何将其平铺,背景图象应当滚动仍是保 持固定,及将其放在什么位置。友人,第4页:css控制定位的要素,这是真 的!

P { background-repeat: no-repeat; background-image: url(/webmonkey/ 98/15/stuff3a/background.gif) }

top将背景图象同前景要素的顶部 对齐。 bottom将其同远景要素的底部对 齐。 left将其同左边对齐。 right将其同右边对齐。 center将其水平居中(如果使用在 另一关键字前面)或垂直居中(如 果用在另一关键字后面)。 长度参数

要害字设定方式简便易用:

设定地位的3种办法:

BODY { background-attachment: fixed,第3页:CSS背景色; background-image: url(/webmonkey/98/ 15/stuff3a/background.gif) }

背景定位(background-position)

当上述CSS规则应用于本段文字时,背景图象 将在本段的中下部开端显示并向右平铺。

该属性只用于页面背景,即<BODY>标签内设定 的背景图象,第3页:css相对定位

在HTML中,背景图象通常会随页面的滚动而一 起滚动。但应用CSS的固定背景(background) 属性,你可以树立不滚动的背景图象,页面滚 动时,背景图象可以保持固定。


(责任编辑:网站建设)
第5页:CSS控制背景图象相关文章
上一篇:第5页:css叠放文字和图象 下一篇:第6页:css同低版本浏览器的兼容性
回到顶部