巧用CSS控制网页背景颜色[北方教程网--]

大家是不是经常为设计一些比较合适于自己的网页背景的图片而发愁呢？因为有些图片不是太大就是太小，或者太乱，那么有没有办法让图片能合自己的主页的胃口呢？答案是肯定的。想知道怎么来实现嘛，好吧，大家现在开始跟着我做，我保证大家一定一学就会。

说到背景也就只有背景颜色和颜色图片，这两个我想大家一定都知道在里加入bgcolor="#808080"和background="URL"对吧，可是我这里将要介绍不是这样做的，而是用CSS样式来做的，虽说有些麻烦，可是整体配合还是非常不错的。

·背景颜色 background-color

　　我想这个我就不用多做介绍了，颜色代码我想大家都知道的，不是用英文来代替就是用指定的代码来表示的。这个的默认值是transparent（透明色）。

以下是引用片段：
例：body{background-color:yellow}
H1{background-color:#000000}

·背景图片 background-image

　　背景图片和背景颜色在HTML里面的设置也是基本相同的，都可以在里加入相关的语句来完成。但是在这里，我所指的并非是用这种方法，我用的方法还是 CSS。background-image这个的主要功能也就是用来显示图片，如果需要显示图片的话，那么只要在后面加上url(图片的地址）就可以了，不显示嘛，那是最简单不过的了，什么也不要就行了，因为这个默认的就是none，而要加的话，就是在后面加上这个none就可以了。

以下是引用片段：
例：body{background-image:url(’file&:///C:/WINDOWS/BACKGRND.GIF’)}
h1{background-image:url(’none’)}

　　大家在使用里的背景图片时，一定常常遇到一些图片因为太小，而产生种种如图片的重复出现而破坏了整个页面的美感，想换成其它图片又不合适之类的麻烦情况吧。不过现在好了，大家只要用了以下的几个CSS里控制图片方法，那么你以后就不会再有此类的麻烦事发生了。

·图片是否重复显示 background-repeat

　　有时候重复显示是需要的，可是有时候重复显示则是让人头痛的，现在这个可以很好的帮助你了，而且它还可以帮你控制图片重复的方式（水平方向重复、垂直方向重复以及两个方向都有重复），而要实现这三个方向的重复也就只要在bcackground-repeat后面加上repeat-x（水平方向铺开）、 repeat-y（垂直方向铺开）、repeat（两个方向铺开）。当然，它可以控制图片的重复，也可以控制图片不重复的。no-repeat这个就是用来表示只显示一幅背景图片，而不是重复出现的，这个可不是默认的哟，默认的是重复显示背景图片（repeat）。
例：

以下是引用片段：
body{background-image:url(’file&:///C:/WINDOWS/BACKGRND.GIF’);background-repeat:no-repeat}