如何使用CSS背景代码

1.给元素赋予一个背景色。这是背景代码最基本的用法之一。

p{background-color:gray;}

2.给元素多个样式，包括背景的颜色。我们在这个代码里面给P元素设置了背景色，与内边距的数值。

p{background-color:gray;padng:20px;}

3.background-color。这是一个主要用来设置背景色的代码，它的默认颜色是透明的。如果你不指定，他将会由浏览器的默认情况进行设置。

4.背景图像。这也是一种背景的可能性，相关的代码是background-image

body{background-image:url(/i/eg_bg_

04.gif);}

5.只为一个元素设置背景图像。

p.flower{background-image:url(/i/eg_bg_

03.gif);}

为一个子元素设置背景图像。

a.rao{background-image:url(/i/eg_bg_

07.gif);}

6.背景重复，background-repeat我们在推出了背景图像之后，这个背景重复也就随之产生了。

body{background-image:url(/i/

3.gif);background-repeat:repeat-y;}

这种重复可以设置成水平或者垂直，或者全面重复。

标签：CSS,代码,背景