背景相关的样式
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
在网页中表格可以用来表示一些格式化的数据。