CSS背景属性

1.背景属性

CSS 允许应用纯色作为背景，也允许使用背景图像创建相当复杂的效果。

background-color  背景颜色   默认值是 transparent 也就是“透明”的意思

background-image   背景图片

使用 background-color 属性为元素设置背景背景图片，
其默认值是 none，表示背景上没有放置任何图像。如果需要设置一个背景图像，必须为这个属性要么设置为 URL，要么设置一个图片路径。

background-repeat  背景重复

使用 background-repeat 属性设置背景图片是否重复。

repeat 重复（默认值）

repeat-x 图片在横向上平铺

repeat-y 图片在纵向上平铺

no-repeat 不重复平铺

使用background-position 属性改变图像在背景中的位置。

关键字有  left  right  center  top  bottom 不能使用超过两个属性值   否则报错

background-size规定背景图片的大小

可以为长度单位：px、%，也可以用关键字cover和contain。

1. cover: 按照最小宽或最小高来做拉伸，背景图片能够铺满设备屏屏幕，并不会造成图片失真。
2. contain：按照最大宽度或最大高度来做拉伸，但是背景图片有可能不能铺满设备屏幕