CSS背景

背景样式

• 背景颜色： 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 这四个的顺序和书写