如何使用CSS 背景代码

如何使用CSS 背景代码

CSS 背景作为一个样式代码中使用非常频繁的部分，我们一定要掌握其用法，从而让我们的网页在效果的呈现上更加的动感与体验良好。CSS 背景代码具体使用方法很多，技巧也是极为的繁琐，我们只有耐心去一个个的学好。

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

p {background-color: gray;}

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

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

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

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

body {background-image: url(/i/eg_bg_04.gif);}

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

p.flower {background-image: url(/i/eg_bg_03.gif);}

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

a.radio {background-image: url(/i/eg_bg_07.gif);}

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

body { background-image: url(/i/3.gif); background-repeat: repeat-y; }

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