背景图片

格式：background-image:url(本地地址/链接);

在CSS中有一个background-repeat属性，就是专门用于控制背景图片的平铺方式。

取值：

repeat：默认，在水平和垂直都平铺。

no-repeat：在水平和垂直都不平铺。

repeat-x：在水平上平铺。

repeat-y:在垂直上平铺。

注意点：同一标签可以同时设置背景图片和背景颜色，并且背景图片会覆盖背景颜色。

背景定位

1.如何控制背景图片的位置？

在CSS中有一个background-position:属性，就是专门控制背景图片的位置。

格式：

background-position：水平位置 垂直位置;

取值：

1.具体的方位名词。

水平方向：left center right。

垂直方向：top center bottom。

2.集体的像素。

例如  background-position：100px 100px;

背景属性缩写

background：背景颜色 背景图片 平铺方式 关联方式 定位方式。

注意点：

background属性中，任何一个属性都可以被省略。

什么是关联方式？

默认情况下背景图片会随着滚动条的滚动而滚动，如果不想让背景图片随着滚动条的滚动而滚动，那么我们就可以修改背景图片和滚动条的关联方式。

修改背景关联方式

background-attachment：；

取值：

scroll：默认值，会随着滚动条的滚动而滚动。

fixed：不会会随着滚动条的滚动而滚动。