背景相关的样式

背景相关的样式

background-image

• 背景颜色
  background-color
• 背景的重复方式
  ▪ repeat 水平垂直双方向重复
  ▪ repeat-x 水平方向重复
  ▪ repeat-y 垂直方向重复
  ▪ no-repeat 不重复
• 可选值：
  background-repeat
• 设置背景图片的尺寸
  ▪ 可以设置数值或百分比（auto） ▪ cover 背景图片铺满元素
  ▪ contain 让背景图片在元素中完整显示
• 可选值：
  background-size
  □ top left right bottom center
  ◊ 如果值为正，则背景图片向右移动
  ◊ 如果值为负，则背景图片向左移动
   第一个偏移量是水平方向的偏移量
  ◊ 如果值为正，则背景图片向下移动
  ◊ 如果值为负，则背景图片向上移动
   第二个偏移量是垂直方向的偏移量
  □ 可以设置两个偏移量
  ▪ 可选值：
• 设置背景图片的位置
  background-position
• 背景的裁切
  ▪ border-box
  ▪ padding-box
  ▪ content-box
• 可选值：
  background-clip
• 背景的定位的原点
• ▪ border-box
  ▪ padding-box
  content-box ▪
  可选值：
  background-origin
  1.背景相关的样式
  ▪ content-box
• 背景是否固定
  ▪ scroll 滚动
  ▪ fixed 背景在视口中固定
• 可选值：
  background-attachment
  背景的简写属性，通过该属性可以同时设置所有的背景相关的样式，没有顺序要
  求。
  background
  在网页中表格可以用来表示一些格式化的数据。