CSS 背景图像重复
CSS 背景重复
默认情况下, background-image
属性在水平和垂直方向上重复图像。
有些图像应该只水平或垂直重复,否则它们看起来会很奇怪,如下所示:
如果上面的图片只在水平方向重复(background-repeat: repeat-x;
),背景会好看一些:
提示: 要垂直重复图像,请设置background-repeat: repeat-y;
CSS 背景重复:不重复
仅显示一次背景图像也由 background-repeat
财产:
在上面的例子中,背景图像与文本放在了同一个位置。我们希望改变图像的位置,这样它就不会对文本造成太大的干扰。
CSS 背景位置
这 background-position
属性用于指定背景图像的位置。
CSS 背景重复和位置属性
财产 | 描述 |
---|---|
背景位置 | 设置背景图像的起始位置 |
背景重复 | 设置背景图像的重复方式 |
CSS — 背景重复和定位 — W3Schools 视频
本视频介绍了 背景重复和位置 在 CSS 中。
这是一系列视频教程的一部分 初学者的 CSS!