属性名:
background-color
功能:设置背景颜色
属性值:符合CSS中颜色规范的值
默认背景颜色是 transparent
body{ background-color: blue; }
属性名:
background-image
功能:设置背景图片
属性值:url(图片的地址)
body{ background:url(./test.png); }
属性名:
background-repeat
功能:设置背景重复方式
属性值:
1.repeat
:重复,铺满整个元素,默认值
2.repeat-x
:只在水平方向重复
3.repeat-y
:只在垂直方向重复
4.no-repeat
:不重复
属性名:
background-position
功能:设置背景图位置
属性:
1.
通过关键字设置位置:
写两个值,用空格隔开
水平:left、center、right
垂直: top、center、bottom
如果只写一个值,另一个方向的值取 center
background-position: left center;
2.
通过长度指定坐标位置:
以元素左上角,为坐标原点,设置图片左上角的位置
两个值,分别是x 坐标和y 坐标
只写一个值,会被当做 x 坐标,y坐标取 center
属性名:
background
功能:复合属性(集合以上所有属性值)
属性值:没有数量和顺序要求