背景样式
- 背景颜色: background-color :
- 背景图片: background-image:url();
- 设置背景图片的位置:background-position:top / left / right / bottom / center 在两个方位设置以上偏移值,缺省则默认缺省所在方位伪center
- 背景重复方式:background-repeat:no-repeat / repeat-x / repeat-y
- 设置背景的范围
- background-clip:边框出现的位置 border-box 出现在边框下方/ padding-box / content-box
- background-origin:边框偏移的参考 border-box / padding-box / content-box
- 设置背景的大小:backgound-size : 宽度px 高度px / cover 将元素铺满 / contain 以原图大小显示
- 可将上述样式通过background写入一行:需注意 background-position/background-size background-origin background-clip 这四个的顺序和书写