css背景属性介绍.doc

《css背景属性介绍.doc》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、CSS背景属性背景颜色属性(background-color)这个属性为HTML元素设定背景颜色，相当于HTML中bgcolor属性。body{background-color:#99FF00;}上面的代码表示Body这个HTML元素的背景颜色是翠绿色的。演示示例body{background-color:#99FF00;}

这个HTML使

2、用了CSS的background-color属性，将HTML的背景颜色变成翠绿色。

背景图片属性(background-image)这个属性为HTML元素设定背景图片，相当于HTML中background属性。上面的代码为Body这个HTML元素设定了一个背景图片。演示示例

这个HTML使用了CSS的background-image属性，设置了背景图片。

这个HTML使用了CSS的background-image属性，设置了背景图片。背景重复属性(background-repeat)这个属性和background-image属性连在一起使用，决定背景图片是否重复。如果只设置

4、background-image属性，没设置background-repeat属性，在缺省状态下，图片既横向重复，又竖向重复。·repeat-x背景图片横向重复·repeat-y背景图片竖向重复·no-repeat背景图片不重复body{background-image:url(../images/css_tutorials/background.jpg);background-repeat:repeat-y}上面的代码表示图片竖向重复。演示示例body{background-image:url(../images/css_tutorials/background.jpg);background-repeat:repeat-y}

这个HTML使用了CSS的background-repeat属性，使背景图片竖向重复。

常用的background-repeat的属性值有:repeat-x(横向重复)，repeat-x(横向重复),no-repeat

6、(不重复)。

background-repeat属性要和background-image一起用。

7、ckground-image属性连在一起使用，决定图片是跟随内容滚动，还是固定不动。这个属性有两个值，一个是scroll，一个是fixed。缺省值是scroll。body{background-image:url(../images/css_tutorials/background.jpg);background-repeat:no-repeat;background-attachment:fixed}上面的代码表示图片固定不动，不随内容滚动而动。演示示例body{background-image:url(../images/css_tutorials/background.jpg);background-repeat:no-repeat;background-attachment: