css背景图重复属性

在CSS中，使用背景图片是一种常见的方式来美化网页的背景。但有时候，我们需要在背景中平铺重复一张图片。这时候，我们可以使用重复属性。

body {
    background-image: url("background.jpg");
    background-repeat: repeat;
}

在上述代码中，我们将网页背景设置为一张名为 “background.jpg” 的图片，并使用 “repeat” 属性指示图片在背景中平铺且重复。

除了 “repeat” 外，CSS中还有三个可用的重复属性：

• repeat-x：指示背景图片在水平方向上重复。
• repeat-y：指示背景图片在垂直方向上重复。
• no-repeat：指示背景图片不重复。

下面是示例代码：

body {
    background-image: url("background.jpg");
    background-repeat: repeat-x;
}
    

在上述代码中，我们仅在水平方向重复一张背景图片。你还可以尝试其他三个重复属性，以获得你想要的效果。

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