设置背景图片:
在CSS可以通过background-image: url();设置背景图片
控制背景图片的平铺方式:
在CSS中可以通过background-repeat属性控制背景图片的平铺方式的
取值:
repeat 默认, 在水平和垂直都需要平铺
no-repeat 在水平和垂直都不需要平铺
repeat-x 只在水平方向平铺
repeat-y 只在垂直方向平铺
背景定位——控制背景图片的位置:
在CSS中有一个叫做background-position:属性, 就是专门用于控制背景图片的位置
格式:
background-position: 水平方向 垂直方向;
取值:
具体的方位名词
水平方向: left center right
垂直方向: top center bottom
具体的像素:
例如: background-position: 100px 200px;
记住一定要写单位, 也就是一定要写px
记住具体的像素是可以接收负数的
背景关联——背景关联方式:
默认情况下背景图片会随着滚动条的滚动而滚动, 如果不想让背景图片随着滚动条的滚动而滚动, 那么我们就可以修改背景图片和滚动条的关联方式
修改背景关联方式:
在CSS中有一个叫做background-attachment的属性, 这个属性就是专门用于修改关联方式的
格式
background-attachment:scroll;
取值:
scroll 默认值, 会随着滚动条的滚动而滚动
fixed 不会随着滚动条的滚动而滚动