css背景的设置方法cssbackground

《css背景的设置方法cssbackground》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、CSS背景的设置方法cssbackgroundCSSbackground目录CSS背景语法css背景色css背景图片背景居中复合背景样式简写背景background总结一、Cssbackground背景语法-TOPCSS背景基础知识CSS背景这里指通过CSS对对象设置背景属性，如通过CSS设置背景各种样式。背景语法：background:background-color

2、

3、background-image

4、

5、background-repeat

6、

7、background-attachment

8、

9、background-positionCSS中背景单词：backgroundCSS

10、手册查询-background手册background-color设置颜色作为对象背景颜色background-image设置图片作为背景图片background-repeat设置背景平铺重复方向background-attachment设置或检索背景图像是随对象内容滚动还是固定的。background-position设置或检索对象的背景图像位置。Background背景样式的值是复合属性值组合，也就是背景单词的值可以跟多个属性值，值与值之间使用一个空格间隔链接上即可。如：background:#000url(图片地址)no-repeatlefttopCssbackgr

11、ound背景作用：1、设置纯色背景。背景background可以设置对象纯色的背景颜色，2、设置图为背景。可以设置对象背景为图片，如果背景是图片可以让图片重复平铺横铺，或将图片作为对象背景固定在对象任何位置。Background分析解析图Cssbackground复合背景结构分析图Body{background:#FFFurl(/img201301/divcss5-logo-2013.gif)no-repeat00fixed}设置网页背景样式Html原始背景与CSS背景对照Html是指对应效果的table背景设置Html背景单词：Bgcolor设置背景颜色与CSS背景颜色

12、对应background-colorBackground设置图片作为背景与CSS背景图片对应background-image最原始HTML背景设置演示代码： 这里设置了table背景颜色为#996600，然后设置了td的背景图片为/img/css-logo.gif二、背景颜色-TOPbackground-color:#FFFdiv{background-col

13、or:#FFF}设置对象背景为纯白色如果是给table设置背景颜色可以使用bgcolor="颜色值"即可设置对象背景颜色。如果是CSS背景颜色，可使用background-color:颜色值;或background:颜色值设置对象背景颜色。CSS背景颜色设置DIV+CSS演示图：以上截图分别使用background-color和background来设置对象背景颜色三、CSS图片背景-TOP这里说的是以图片作为背景图片-CSS背景图片详细介绍：/jiqiao/j80.shtmlCSS可以使用background或background-image直接引用图片地址来设置图片作

14、为对象背景。background:url(/img/logo.gif);设置DIVCSS5的LOGO图片作为背景或background-image:url(/img/logo.gif);具有相同效果。这样设置图片作为背景有个缺陷就是图片会上下左右的重复，接下来我们只需看以下图例教程即可掌握CSSbackground图片背景样式（固定、滚动）实现这个效果使用CSS单词是background-attachment当然通常情况下背景默认是固定的如果是自己使用CSSbackground简写则如上图。background-attachment使用解析：background-atta

15、chment:fixed；背景固定background-attachment:scrollcss背景图片是随对象内容滚动图片background背景语法：background-image:url(url)background-image:url(/img201301/divcss5-logo-2013.gif）设置对象背景为图片/img201301/divcss5-logo-2013.gif如果图片作为背景时候要求是否重复平铺，平铺方向等我们都需要background-position和background-repeat配合使