css 关于背景设置详细讲解 一看就懂

这次我站在雾里连自己都看不清了，我不怪你，我只怪大雾四起，也不怪大雾四起，只怪你的爱意太浅，连大雾都要遮掩。

设置背景

背景是css中使用率很高，且非常重要的属性。无论是单元的纯色还是加载的背景图片，都能给整个页面带来丰富的视觉效果

主要讲解：
1.设置背景颜色
2.设置背景图像
3.设置背景重复

一.设置背景颜色

在css中，网页元素的背景颜色使用 background-color 属性来设置，属性值为某种颜色。颜色值的设置方法可以使用 RGB，颜色名称，rgba等。

语法：background-color：color | transparent
参数：color 指定颜色；transparent 使背景透明

二.设置背景图像

在css式中，使用 background-image 属性设置背景图像来美化网页

**语法：background-image：URL | none **
参数：url为使用绝对或相对地址指定背景图像的地址；none无背景图
说明：如果网页中同时具有background-color 和 background-image 属性时，优先显示background-image 也就是图片永远覆盖于背景颜色之上

三.设置背景重复

背景重复属性主要是设置背景图片是以何种方式在网页显示。默认情况下，图片会自动向水平或竖直方向平铺，可以使用 background-repeat 属性来控制。

语法：background-repeat：repeat | no-repeat | repeat-x | repeat-y
参数：repeat 为背景图像在纵向和横向平铺，no-repeat为背景图像不平铺，repeat-x为背景图像横向平铺，repeat-y为背景图像纵向平铺