第一，设置网页背景颜色和图片的方法
背景只有背景颜色和背景图片两种。在网页代码部分加入bgcolor="#808080"和background="URL"实现其效果。
背景颜色 background-color
例：body{background-color:green}
background-color后面的颜色代码，可以用英文或指定代码来表示均可。background-color的默认值是transparent（透明色），即如果不设置就为透明色。
背景图片 background-image
background-image这个的主要功能也就是用来显示图片，如果需要显示图片的话，那么只要在后面加上url(图片的地址），其默认为none（无）。
例：body{background-image:url}
第二：CSS中控制图片方法
在使用背景图片时，遇到一些图片因为太小，而产生种种如图片的重复出现而破坏了整个页面的美感，只要结合几个代码就可以控制图片。
1.图片是否重复显示 background-repeat
重复显示是需要的，可有时候就不需要。background-repeat可以控制图片重复的方式（水平方向重复、垂直方向重复以及两个方向都有重复），而要实现这三个方向的重复也就只要在bcackground-repeat后面加上repeat-x（水平方向铺开）、repeat-y（垂直方向铺开）、repeat（两个方向铺开）。
no-repeat用来控制图片不重复，即只显示一幅背景图片，而不是重复出现。
默认值是重复显示背景图片（repeat）。
例：body{background-image:url;background-repeat:no-repeat}
2.定位图片显示位置 background-position
图片默认情况是从页面左上角开始显示，如果要在中间或者其它地方出现这张背景图片，就要用到background-position，因为它就是用来显示图片相对于左上角的一个位置的（就是默认值0% 0%），由两个值来设定，中间用空格来隔开。
它的主要的几个值有left center right和top center bottom，也可以用百分数值指定相对位置或用一个值来指定绝对位置，如50%表示的位置是在中心，而50px的水平值则表示图片距左上角区域水平移动50px单位；这里要特别指出的是，1当你设置值的时候只提供一个值，则相当于只指定水平位置，垂直自动设置为50%；2当你设置的值是负数的时候，则表示背景图片超出边界。
例：body{background-image:url;background-repeat:no-repeat;background-position:100px 10px}
3.控制图片是否滚动 background-attachment
如果页面有滚动条的时候，背景图片就不会永远定位在那个位置，如果想要图片永远定位在那个位置，就只有让这张图片随着页面的内容的滚动而滚动。background-attachment控制图片是否滚动，加入scroll（静止）和fixed（滚动）中的其中一个就可以。
上面知识点分开讲解，是为了让大家理解方便，在实际使用时，如果需要哪些代码，就把代码加在一起，也就是说把以上相关的代码都加到background标签中。
