css基础-background设置html元素背景

一.  background用来设置html元素的背景。   

a)    background-color用来定义元素的背景颜色，值为颜色代码，如:#fff;

b)    background-image用来定义元素的背景图片,值为图片地址，如:url(images/icon.png)

c)    background-repeat用来设置背景图片是否平铺。

               i.         repeat表示平铺。

              ii.         no-repeat表示不平铺。

             iii.         repeat-x表示横向平铺。

             iv.         repeat-y表示纵向平铺。

d)    background-position用来设置图像在元素中的位置，默认值为left,top(0%,0%)。

               i.         第一个参数表示横向位置，有三个值（left,cener,right），还可以用百分比和px表示，以该盒子的宽度作为参照。

              ii.         第二参数表示纵向位置，有三个值（top,center,bottom），还可以用百分比和px表示，以该盒子的高度作为参照。

             iii.         如果只设置了第一个参数,另外一个参数将会是居中(center,50%).