背景位置
background-position:值
值可以是 center top bottom right left ,XXpx,XXcm, XX%,
其中center, top,bottom,right,left 一共可以组成九个方向,单一关键字规则如下。可以省略center。
XX%表示更复杂:
百分数值同时应用于元素和图像,当水平方向为0%时,图像左边和元素左边对其,当水平方向为100%时,图像右边和元素右边对其。
XXpx:长度值解释的是元素内边距距左上角的偏移,偏移点是图像的左上角。
如果设置值为 50px 100px,图像的左上角将在元素内边距区左上角向右 50 像素、向下 100 像素的位置上
背景色:
background-color:值
值可以是 yellow,#XXXXXX,rgb(),transparent
transparent 有“透明”之意。也就是说,如果一个元素没有指定背景色,那么背景就是透明的,这样其祖先元素的背景才能可见。
背景图像:
background-image:值
值必须是url(地址)。
背景重复:
background-repeat:值
值可以是 repeat ,no-repeat ,repeat-x ,repeat-y。
背景 关联:
background-attachment:值
值可以是fixed,scroll,
fixed是固定的,scroll可以滚动。
图片来源于http://www.w3school.com.cn W3school