css3 设置背景图

CSS3是前端开发必不可少的一部分，其中设置背景图是非常常见的操作。在CSS3中，我们可以用background-image属性来设置背景图片。

background-image: url("图片链接");
    

其中，url()中填写的是图片的路径，可以是相对路径或绝对路径。例如：

background-image: url("../images/bg.jpg");
    background-image: url("https://example.com/images/bg.jpg");
    

同时，我们还可以设置其他的属性来控制背景图的位置、重复以及大小。

/* 设置背景图位置 */background-position: center top;
    background-position: left bottom;
    background-position: 50% 25%;
    /* 设置背景图重复 */background-repeat: no-repeat;
    background-repeat: repeat-x;
    background-repeat: repeat-y;
    background-repeat: space;
    background-repeat: round;
    /* 设置背景图大小 */background-size: cover;
    background-size: contain;
    background-size: 100% auto;
    background-size: auto 500px;
    

使用这些属性，我们可以轻松地实现各种不同的背景图效果。

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