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:按照最大宽度或最大高度来做拉伸,但是背景图片有可能不能铺满设备屏幕。