css背景图代码（如何使用CSS背景代码）

想必现在有很多小伙伴对于如何使用CSS背景代码方面的知识都比较想要了解，那么今天小好小编就为大家收集了一些关于如何使用CSS背景代码方面的知识分享给大家，希望大家会喜欢哦。1.给元素赋予一个背景色。这是背景代码最基本的用法之一。p{background-color:gray;}2.给元素多个样式，包括背景的颜色。我们在这个代码里面给P元素设置了背景色，与内边距的数值。p{background-color:gray;padng:20px;}3.background-color。这是一个主要用来设置背景色的代码，它的默认颜色是透明的。如果你不指定，他将会由浏览器的默认情况进行设置。4.背景图像。这也是一种背景的可能性，相关的代码是background-imagebody{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;}这种重复可以设置成水平或者垂直，或者全面重复。

本文到此结束，希望对大家有所帮助。