背景色 background-color
默认值:transparent,透明色
背景图像 background-image
把图片放入背景,应用于所有元素
如果出于某种原因无法加载图像,用户代理就会使用指定的背景色取代图像,如下
有方向的重复 background-repeat
repeat:导致图像在水平垂直方向上都平铺
repeat-x:在水平方向上铺满
repeat-y:在垂直方向上铺满
no-repeat:不允许图像在任何方向上平铺(图像不能重复)
背景定位 background-position
应用于块级元素和替换元素
值:left、right、top、center、bottom、inherit
还可以用长度值或者百分数值
background-position:top right 表示右上角
位置关键字可以按任何顺序出现,只要保证不能超过两个关键字,一个是水平方向,另一个是垂直方向。
如果只出现了一个关键字,则认为另一个关键字是center。
百分数值 (可以负值)
默认值是0% 0%
百分数值同时应用于元素和原图像,图像位于0% 0%则是左上角,100% 100%则是右下角,50% 50%则是居中
如果只声明一个百分数值,就意味着垂直位置等于50%
长度值(可以负值)
关联 background-attachment
可以声明原图像相对于可视区是固定的,不会受滚动的影响,而且原图像的放置由可视区的大小确定。
默认值:scroll 会导致背景随其余文档滚动,而且窗口大小调整时,不一定改变原图像的位置。
fixed:原元素会根据视窗定位,背景模式都从视窗的左上角开始平铺,而不是从单个元素的左上角开始。
汇总 background
这个属性可以从各个其他背景属性取一个值,而且可以采用任何顺序
没有必不可少的值。
他是一个简写属性,默认值会覆盖先前为给定的元素指定的值
如下: