CSS作为背景的图片是网页设计中很常见的一种技术，它可以让网页看起来更加美观，同时也能更加灵活地控制网页的布局和样式。接下来我们来介绍一下如何使用CSS为网页添加背景图片。

/** CSS代码 **/
body {
background-image: url("背景图片的路径");
background-size: cover;
background-repeat: no-repeat;
}

上面这段CSS代码是设置网页背景图片的基本代码。其中，background-image属性用于指定背景图片的路径，可以是相对路径或绝对路径；background-size: cover;属性用于让背景图片自适应窗口大小，并填满整个窗口；background-repeat: no-repeat;属性用于防止背景图片重复出现。

当然，我们也可以对背景图片进行更加详细的设置。下面是一些可以用来定制背景图片的属性：

/** CSS代码 **/
body {
background-image: url("背景图片的路径");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-color: #fff;
opacity: 0.8;
}

background-position: center center;属性用于定位背景图片在窗口中的位置，可以根据需要进行调整；background-attachment: fixed;属性用于固定背景图片的位置，让其在滚动页面时依然保持在原位；background-color: #fff;属性用于指定背景图片失败时显示的颜色；opacity: 0.8;属性用于设置背景图片的透明度，可以使用0到1之间的值。

总的来说，CSS作为背景的图片既能提升网页的美观度，同时还能更好地控制网页的布局和样式，是一种非常实用的技术。