CSS是前端開發(fā)中不可或缺的一部分，它可以讓網(wǎng)頁變得更加美觀、優(yōu)雅。其中，背景圖也是CSS中非常重要的一個元素，可以為網(wǎng)頁增色不少。下面，我們來看看如何使用CSS制作出好看的背景圖。

/*定義一個背景圖*/
body{
background-image:url('bg.jpg');
}
/*設(shè)置圖像的尺寸和輪廓*/
img{
width: 300px;
height:200px;
border:1px solid #ccc;
}
/*圓角背景圖*/
.box{
width: 400px;
height:300px;
background-image:url('round.jpg');
border-radius:10px;
box-shadow:0 0 10px #ccc;
}
/*漸變背景圖*/
.gradient{
width: 400px;
height:300px;
background-image:linear-gradient(#c0ffee, #badcaf);
box-shadow:0 0 10px #ccc;
}

如上代碼所示，我們可以使用background-image屬性來設(shè)置背景圖。另外，我們還可以對背景圖進行一些其他的設(shè)置，例如控制圖像尺寸、設(shè)置圓角和漸變效果等等。通過這些簡單的設(shè)置，我們便可以制作出不同風(fēng)格的好看背景圖了。