CSS+DIV之强化background属性

 

1.背景颜色属性(background-color)，设定背景颜色＝html中bgcolor属性。我来写一个红色背景的body，(也可以定义某个特定区域)

　　示例写法：body {background-color:red;}

　　2.背景图片属性(background-image)，设定背景图片=html中background属性，为body设置一个背景图片。

　　示例写法：body {background-image:url(../images/图片路径)”}

　　3.背景重复属性(background-repeat)，它和背景图片属性连用，决定背景图片是否重复。在默认不设置状态下，图片向横向、坚向重复。其相关参数主要有：repeat-x 背景图片横向重复，repeat-y背景图片竖向重复，no-repeat背景图片不重复。

　　示例写法：body {background-image:url(../images/图片路径);background-repeat:repeat-y;}

　　4.背景附着属性(background-attachment)，类似于背景重复属性，和背景图片属性连用，决定图片是否跟随内容滚动。其参数值主要有：scroll(滚动)，fixed(固定)，默认为scroll。

　　示例写法：body {background-image:url(../images/图片路径); background-repeat:no-repeat; background-attachment:fixed;}

　　5.背景位置属性(background-position)，类似于背景重复属性，和背景图片属性连用，
决定背景图片的最初位置。下面写入一个背景图片的初始位置距离网页最左面5px，距离网页最上面10px。

　　示例写法：body {background-image:url(../images/图片路径);background-repeat:no-repeat; background-position:5px 10px;}

　　6.背景属性(background)，背景相关属性的综合写法，包括上述写的五个属性。这个简洁的写法可以省略background-color, background-image, background-repeat,backgroundattachment, background-position。

　　示例写法：body {background:#000 url(../images/图片路径) no-repeat fixed 5px 10px;}