CSS背景属性.doc

CSS背景属性背景颜色属性(background-color)这个属性为HTML元素设定背景颜色，相当于HTML中bgcolor属性。body background-color:#99FF00;上面的代码表示Body这个HTML元素的背景颜色是翠绿色的。演示示例背景颜色 background-colorbody background-color:#99FF00;这个HTML使用了CSS的background-color属性，将HTML的背景颜色变成翠绿色。背景图片属性(background-image)这个属性为HTML元素设定背景图片，相当于HTML中background属性。上面的代码为Body这个HTML元素设定了一个背景图片。演示示例背景图片background-image这个HTML使用了CSS的background-image属性，设置了背景图片。背景重复属性(background-repeat)这个属性和background-image属性连在一起使用，决定背景图片是否重复。如果只设置background-image属性，没设置background-repeat属性，在缺省状态下，图片既横向重复，又竖向重复。 repeat-x 背景图片横向重复 repeat-y 背景图片竖向重复 no-repeat 背景图片不重复body background-image:url(./images/css_tutorials/background.jpg); background-repeat:repeat-y上面的代码表示图片竖向重复。演示示例背景重复 background-repeatbody background-image:url(./images/css_tutorials/background.jpg); background-repeat:repeat-y这个HTML使用了CSS的background-repeat属性，使背景图片竖向重复。常用的background-repeat的属性值有: repeat-x(横向重复)，repeat-x(横向重复), no-repeat(不重复)。background-repeat属性要和background-image一起用。背景附着属性(background-attachment)这个属性和background-image属性连在一起使用，决定图片是跟随内容滚动，还是固定不动。这个属性有两个值，一个是scroll，一个是fixed。缺省值是scroll。body background-image:url(./images/css_tutorials/background.jpg); background-repeat:no-repeat; background-attachment:fixed上面的代码表示图片固定不动，不随内容滚动而动。演示示例背景附着属性 background-attachmentbody background-image:url(./images/css_tutorials/background.jpg); background-repeat:no-repeat; background-attachment:fixed这个HTML使用了CSS的background-attachment属性，将背景图片固定，不随内容滚动而滚动。背景附着(background-attachment)属性有两个值。一个是scroll，表示随内容滚动而动；一个是fixed，表示固定不动，不受内容滚动影响。缺省值是scroll。background-attachment要和background-image一起用。这个HTML使用了CSS的background-attachment属性，将背景图片固定，不随内容滚动而滚动。背景附着(background-attachment)属性有两个值。一个是scroll，表示随内容滚动而动；一个是fixed，表示固定不动，不受内容滚动影响。缺省值是scroll。background-attachment要和background-image一起用。这个HTML使用了CSS的background-attachment属性，将背景图片固定，不随内容滚动而滚动。背景附着(background-attachment)属性有两个值。一个是scroll，表示随内容滚动而动；一个是fixed，表示固定不动，不受内容滚动影响。缺省值是scroll。background-attachment要和background-image一起用。这个HTML使用了CSS的background-attachment属性，将背景图片固定，不随内容滚动而滚动。背景附着(background-attachment)属性有两个值。一个是scroll，表示随内容滚动而动；一个是fixed，表示固定不动，不受内容滚动影响。缺省值是scroll。background-attachment要和background-image一起用。背景位置属性(background-position)这个属性和background-image属性连在一起使用，决定了背景图片的最初位置。body background-image:url(./images/css_tutorials/background.jpg);background-repeat:no-repeat; background-position:20px 60px上面的代码表示背景图片的初始位置距离网页最左面20px，距离网页最上面60px。演示示例背景位置属性 background-positionbody background-image:url(./images/css_tutorials/background.jpg);background-repeat:no-repeat; background-position:20px 60px这个HTML使用了CSS的background-position属性。这个属性和background-image属性连在一起使用，决定了背景图片的最初位置。上面的代码表示背景图片的初始位置距离网页最左面20px，距离网页最上面60px。背景属性(background)这个属性是设置背景相关属性的一种快捷的综合写法， 包括background-color, background-image, background-repeat, backgroundattachment, background-position。body background:#99FF00 url(./images/css_tutorials/background.jpg) no-repeat fixed 40px 100px上面的代码表示，网页的背景颜色是翠绿色，背景图片是background.jpg图片，背景图片不重复显示，背景图片不随内容滚动而动，背景图片距离网页最左面40px，距离网页最上面100px。演示示例背景属性 backgroundbody background:#99FF00 url(./images/css_tutorials/background.jpg) no-repeat fixed 40px 100px这个属性是设置背景相关属性的一种快捷的综合写法， 包括background-color, background-image, background-repeat, backgroundattachment, background-position。这个HTML所用的背景属性表示，网页的背景颜色是翠绿色，背景图片是background.jpg图片，背景图片不重复显示，背景图片不随内容滚动而动，背景图片距离网页最左面40px，距离网页最上面100px。这个属性是设置背景相关属性的一种快捷的综合写法， 包括background-color, background-image, background-repeat, backgroundattachment, background-position。这个HTML所用的背景属性表示，网页的背景颜色是翠绿色，背景图片background.jpg图片，背景图片不重复显示，背景图片不随内容滚动而动，背景图片距离网页最左面40px，距离网页最上面100px。这个属性是设置背景相关属性的一种快捷的综合写法， 包括background-c