background-repeat是一个CSS属性,用于定义背景图像在元素内如何平铺重复。
该属性有以下几种取值:
repeat(默认值):背景图像在水平和垂直方向上平铺重复。
代码示例:
background-repeat: repeat;
repeat-x:背景图像在水平方向上平铺重复,垂直方向不重复。
代码示例:
background-repeat: repeat-x;
repeat-y:背景图像在垂直方向上平铺重复,水平方向不重复。
代码示例:
background-repeat: repeat-y;
no-repeat:背景图像不平铺重复,只显示一次。
代码示例:
background-repeat: no-repeat;
round:如果平铺重复背景图像的大小比容器大或无法整除容器大小,则对图像进行缩放,以使其适应容器大小,并保持图像的原始宽高比。
代码示例:
background-repeat: round;
space:如果平铺重复背景图像的大小比容器大或无法整除容器大小,则在图像之间均匀分布空白间隙,使图像与容器的边缘保持对齐。
代码示例:
background-repeat: space;
评论