css-背景属性

背景属性

---

背景颜色（bgc）：background-color

背景图片（bgi）: background-image(但凡是产品都是用的img 装饰性的图片都是用背景)

背景平铺（bgr）：background-repeat

取值	效果
repeat	（默认值）水平和垂直方向都平铺
no-repeat	不平铺
repeat-x	沿着x轴平铺
repeat-y	沿着y轴平铺

背景位置：background-position

背景大小：background-size

数字+px	常用
百分比	相当于当前盒子自身的宽高百分比
contain	包含，图片大小不变，直到不会超出盒子的最大
cover	覆盖，图片大小可能改变，直到填满整个盒子

连写：background:color image repeat positon/size;