"background-repeat" 是一个用于设置背景图片的平铺方式的 CSS 样式。它可以用来控制背景图片在水平方向和垂直方向上的重复方式,从而让背景图片填充整个背景区域。
css语法如下:
background-repeat: repeat | repeat-x | repeat-y | no-repeat;
其中,各个取值的含义如下:
repeat:背景图片在水平和垂直方向上都平铺(默认值)。
repeat-x:背景图片在水平方向上平铺,垂直方向不重复。
repeat-y:背景图片在垂直方向上平铺,水平方向不重复。
no-repeat:背景图片不平铺,只显示一次。
例如,以下样式将背景图片在水平和垂直方向上平铺:
div {
background-image: url("bg.jpg");
background-repeat: repeat;
}
如果只想在水平方向上平铺背景图片,可以这样写:
div {
background-image: url("bg.jpg");
background-repeat: repeat-x;
}
需要注意的是,如果指定的背景图片的尺寸比元素的尺寸小,那么背景图片会在元素的背景区域内重复平铺。可以使用 "background-size" 样式来设置背景图片的尺寸,从而控制重复的数量。