CSS 背景图像重复
CSS background-repeat
默认情况下，background-image 属性会在水平和垂直方向上重复图像。
有些图像只应该在水平或垂直方向上重复，否则看起来会很奇怪，比如这样
如果上面的图像只在水平方向上重复 (background-repeat: repeat-x;)，背景看起来会更好
提示： 要在垂直方向上重复图像，请设置 background-repeat: repeat-y;
CSS background-repeat: no-repeat
background-repeat 属性也可以指定背景图像只显示一次。
在上面的示例中，背景图像放置在与文本相同的位置。我们想要改变图像的位置，以便它不会过度影响文本。
CSS background-position
background-position 属性用于指定背景图像的位置。
示例
将背景图像放置在右上角：
body {
background-image: url("img_tree.png");
background-repeat: no-repeat;
background-position: right top;
}
自己试试 »
CSS 背景重复和位置属性
| 属性 | 描述 |
|---|---|
| background-position | 设置背景图像的起始位置 |
| background-repeat | 设置背景图像的重复方式 |
视频：CSS 背景重复和位置
