CSS是前端開發中的一項非常重要的技術。其中，背景圖片的處理方式在網頁設計中也扮演著很重要的角色。本篇文章將介紹如何使用CSS來讓圖片在背景中實現縮小效果。

/*CSS代碼*/
.bg {
background-image: url("your-image.jpg");
background-size: cover;/*使圖片不變形，并充滿整個容器*/
background-position: center center;/*使圖片居中*/
}
@media screen and (max-width: 600px) {
.bg {
background-size: 80%;/*在小屏幕下將圖片縮小至80%*/
}
}

在上述代碼中，我們使用了@media查詢來為不同的屏幕尺寸設置不同的背景圖片尺寸。對于大屏幕的情況，我們使用"cover"和"center center"屬性來使圖片不變形，并居中顯示。而在小屏幕下，我們將圖片縮小至80%，以適應不同大小的屏幕。

在網頁設計中，圖片是非常重要的一部分。通過掌握CSS技術，我們可以輕松地為圖片添加各種效果，以提高網頁設計的效果和質量。