CSS中常用的背景属性

css中允许使用纯色背景  也允许使用图片背景用来构造一些复杂的背景

属性名	说明
background-color	设置元素的背景颜色。
background-image	背景图片
background-repeat	背景重复

background-color用来设置背景色   默认背景色是透明色 其默认值是 transparent

可用颜色名称  RGB RGBA  以及十六进制来描述颜色

 background-image：给元素设置背景图片  默认值为none  表示无任何背景

设置背景时需要设置url属性  或者设置一个图片路径

background-repeat用来设置背景图片是否重复

repeat 重复（默认值）

repeat-x 图片在横向上平铺

repeat-y 图片在纵向上平铺

no-repeat 不重复平铺

background-position用来设置背景图片在文档中的位置

可以使用一些关键字：top  bottom  left  right  center  来设置背景图片位置

以及使用百分比或者数字来描述文字位置

background-size  用来设置背景图片的尺寸大小

设置背景图片尺寸的参数：可以为长度单位：px、%，也可以用关键字cover和contain。

cover: 按照最小宽或最小高来做拉伸，背景图片能够铺满设备屏屏幕，并不会造成图片失真。

contain：按照最大宽度或最大高度来做拉伸，但是背景图片有可能不能铺满设备屏幕。