css3 设置背景平铺

在 CSS3 中，我们可以使用 background-repeat 属性来设置背景图片的平铺方式。

background-repeat: repeat | repeat-x | repeat-y | no-repeat;
    

接下来，我们对这四种平铺方式进行详细解释：

repeat

此为默认值，表示图片在水平和垂直方向上都进行平铺。

repeat-x

表示图片在水平方向上进行平铺，但在垂直方向上只显示一次。

repeat-y

表示图片在垂直方向上进行平铺，但在水平方向上只显示一次。

no-repeat

表示图片不进行平铺，仅显示一次。

例如，如果我们希望背景图片在水平方向上进行平铺，可以这样写：

background-repeat: repeat-x;
    

如果我们希望背景图片只显示一次，可以这样写：

background-repeat: no-repeat;
    

总之，在 CSS3 中，使用 background-repeat 来设置背景图片的平铺方式是非常方便的。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！