css设置背景图片概述

1. 如何添加图片？

使用样式：background-image:url(图片路径)
这样，对应的图片就会默认平铺在指定的元素上了！！！

2. 背景重复？

默认情况下，background-image属性会平铺在元素上，即横向和纵向都会重复图像。
因此，可以使用如下样式设置背景重复：
使用样式：background-repeat:repeat|no-repeat|repeat-x|repeat-y

属性值	描述
repeat	默认值。表示图像平铺整个元素
no-repeat	不平铺，即背景图像只显示一次
repeat-x	表示背景图片沿水平方向平铺
repeat-y	表示背景图片沿竖直方向平铺

3. 设置背景图像位置

使用样式：background-position: x y
说明：

• x y分别表示背景图像在水平和竖直方向上移动的距离。
• 其中，x y的值既可以用方位名词（left、right、center、top、bottom）表示，也可以用精确的数值（如：10px）表示。两者可混用。

4. 背景附着

背景附着就是设置背景图像是滚动的还是固定的。
使用样式：background-attachment:scroll|fixed

属性值	说明
scroll	默认值。背景图像随对象内容滚动
fixed	背景图像固定