background-image的定义与用法

background-color 属性设置元素的背景颜色。

background-color 属性为元素设置一种纯色。这种颜色会填充元素的内容、内边距和边框区域，扩展到元素边框的外边界(但不包括外边距)。如果边框有透明部分(如虚线边框)，会透过这些透明部分显示出背景色。

默认情况下，background-image放置在元素的左上角，并重复垂直和水平方向

background-image将图片作为背景，配合使用的属性background-repeat、background-position、还有css3才有的background-size，下面通过几个图片来展示这几个结合使用实现图片作为背景(如搜索框中的一个搜索图片)

1、background-image的用法，为图像制定url：

2、background-repeat：有方向的额重复

主要有几个属性
：repeat，默认。背景图像将在垂直方向和水平方向重复;repeat-x;repeat-y;no-repeat;

background-position背景定位

有三种方法：百分数(50%、50%代表中心位置)、像素值(10px、20px代表左上角向下10px，向右20px)、和直接指定位置 (center、top、bottom、left、right)