5.6. CSS background 属性

说明

前面的讲的五个背景属性完全可以使用background属性代替.

示例

body 
{
	background:transparent url('list-orange.png') repeat-x scroll center center;
}

使用background解决所有问题.

body 
{
	background:url('list-orange.png') repeat-x scroll center center;
}

由于背景颜色background-color的默认值为transparent,所以可以省略,这个例子和上面的例子是等价的.

body 
{
	background:url('list-orange.png') repeat-x center;
}

由于背景图片随滚动轴的移动方式background-attachment的默认值为scroll,所以可以省略,背景图片的位置background-position中的属性值center center等价于center,这个例子和上面的例子也是等价的.

CSS background 属性示例 -- 可以尝试编辑

• CSS教程

• 5 CSS背景
• 5.1 CSS background-color 属性
• 5.2 CSS background-image 属性
• 5.3 CSS background-repeat 属性
• 5.4 CSS background-position 属性
• 5.5 CSS background-attachment 属性
• 5.6 CSS background 属性