CSS中的background-repeat属性用于指定背景图像是否及如何重复平铺。它有以下几个可能的值:
repeat
:背景图像在水平方向和垂直方向同时重复平铺,直到填满整个容器区域。repeat-x
:背景图像只在水平方向上重复平铺,垂直方向上不重复,保持原来的高度。repeat-y
:背景图像只在垂直方向上重复平铺,水平方向上不重复,保持原来的宽度。no-repeat
:背景图像不重复平铺,仅显示一次。需要注意的是,如果指定的背景图像大小(使用background-size
属性)超出容器区域,那么背景图像就会被裁剪掉,而不是重复平铺到超出部分。
以上就是background-repeat属性的所有可能值以及它们代表的意思。需要重点记住的关键词包括:repeat
,repeat-x
,repeat-y
和no-repeat
。