CSS 属性： background-repeat
背景图片在盒子内如何重复自身。
background-position: top right 结合 background-repeat: no-repeat。可能的值
| 值 | 描述 | 示例 |
|---|---|---|
repeat | 平铺。同时在水平和垂直方向上重复图片。默认行为。 | |
repeat-x | 仅在水平方向上重复图片。 | |
repeat-y | 仅在垂直方向上重复图片。 | |
no-repeat | 根本不重复图片，只显示一个实例。 | |
space | 图片会重复，但不会被裁剪。均匀的间隙会间隔每个实例，直到可以容纳下一个实例。 | |
round | 图片会重复，但不会被裁剪。每个实例都会拉伸以填充背景区域，直到可以容纳下一个实例。 | |
[值], [值] | 用于多重背景。用逗号分隔的值对应于使用 background-image 分隔的多个图片。 | repeat-x, repeat-y |
inherit | ||
initial | ||
unset | ||
示例
header { background-repeat: repeat-x; }
/* The background image of a header repeats horizontally but not vertically. */