一、背景图片
背景图片默认显示的是图片的原始尺寸,如果背景图片大于元素尺寸,则只能显示图片的一部分(左上角)。
1.background-image: 设置元素的背景图片。
url("图片路径")
注意:
当图片比较小时,默认会以平铺的方式铺满整个背景区域。
平铺:
图片会在水平和垂直两个方向上重复自己,直至背景区域填充完整。
2.background-repeat: 设置背景图片是否重复显示。
当背景图片的尺寸小于元素尺寸时,背景图片会重复显示直到铺满整个元素。
值:
repeat:默认值,平铺/重复出现。
no-repeat:不重复。
repeat-x:水平平铺。
repeat-y:垂直平铺。
space:保持图片的大小平铺满整个背景区域,剩余空间作为图片之间的间隙平分。
round:保持图片的完整性,根据背景区域图片相对应拉伸填充。
3.background-attachment: 设置背景图片是否固定。
背景图片是否随着页面的其他部