首页 > 其他分享 >background-repeat属性(背景平铺)

background-repeat属性(背景平铺)

时间:2022-12-21 15:37:04浏览次数:61  
标签:平铺 repeat 重复 背景 background 图像

background-repeat属性(背景平铺)

默认情况下,如果一幅背景图像不足以占满整个容器时,就会在水平方向和垂直方向重复,以填满整个容器。然而,有时候却希望背景图像只出现一次,或只在某个方向上重复。

这时,就可以通过 background-repeat属性来定义背景图像如何重复,即背景图像的平铺方式,可选值有 repeat | repeat-x | repeat-y | space | round | no-repeat,默认值为 repeat。
repeat                默认值,在水平方向和垂直方向都重复(默认值)
no-repeat          不重复背景图像
repeat-x            只有水平位置会重复背景图像
repeat-y            只有垂直方向会重复背景图像

标签:平铺,repeat,重复,背景,background,图像
From: https://www.cnblogs.com/DREAM2021/p/16996353.html

相关文章