CSS背景图图片可以在网页设计中起到很好的作用，可以增加网页的美感和吸引力。下面介绍一些CSS背景图图片的使用方法。
/* 设置背景图片 */
body {
background-image: url("image/bg.jpg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
/* 设置不同位置的背景图片 */
.intro {
background-image: url("image/intro-bg.jpg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.footer {
background-image: url("image/footer-bg.jpg");
background-size: cover;
background-position: bottom;
background-repeat: no-repeat;
}
/* 设置渐变背景 */
.slogan {
background: linear-gradient(to right, #FFB6C1, #87CEFA);
}
/* 设置多个背景图片 */
.panel {
background: url("image/panel-bg-1.jpg"), url("image/panel-bg-2.jpg");
background-size: cover, cover;
background-position: top left, bottom right;
background-repeat: no-repeat, no-repeat;
}
如果想要让背景图图片更好地展示，可以使用合适的CSS属性，如background-size、background-position、background-repeat等。此外，还可以用渐变背景、多重背景等方式来丰富页面的背景效果。
总之，CSS背景图图片的运用可以让网页更加具有视觉冲击力和个性化，需要在合适的场合选用合适的背景图。
