格式: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:不会会随着滚动条的滚动而滚动。