背景重复网站建设策划注意

背景重复网站建设策划注意

背景重复描述:

背景,重复的属性定义元素的背景图像。

背景重复的语法:

background-repeat: repeat | repeat-x | repeat-y | no-repeat | inherit

重复
的标准,水平和垂直方向重复。
- X重复
重复,仅在水平方向 。
重复- Y
重复vertially只。
不重复
不重复的图像,显示它只有一次。

元素应该有继承父相同的背景重复设置。

背景重复初始值:
repeat

背景重复适用于:
所有元素。

背景重复继承:
此属性是不会继承的。

背景重复浏览器支持:

网景公司 4,6,7
Mozilla的 1
火狐 1
的Internet Explorer 4,5,6
Opera  3,4,5,6,7,8
Safari浏览器 1

背景重复的例子:

重复水平

<p style="background-repeat : repeat-x; background-image : /library/graphics/purple.gif;">
 本款作为一个重复的水平的背景purple.gif形象。
 </p>

重复一次

<p style="background-repeat : no-repeat; background-image : /library/graphics/purple.gif;">
 本款作为背景只显示一次purple.gif形象。
 </p>

背景重复特别注意:

背景重复属性的唯一可靠<body>标签在许多浏览器。
这种风格需要一个背景图片集。