背景属性
背景颜色(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;