在網頁開發中，CSS（層疊樣式表）起著至關重要的作用。它不僅能夠美化頁面，還能夠提高頁面的用戶體驗。其中，CSS中的圖片也是頁面美化的重要組成部分。下面我們來一起了解一下如何使用CSS對圖片進行處理。

img {
max-width: 100%;
height: auto;
}

在上述代碼中，我們使用的是CSS的img選擇器。通過設置max-width為100%，圖片的大小會隨著瀏覽器窗口大小的改變而自動調整。同時，使用height：auto，可以保證圖片的高度和寬度比例不會發生改變，從而避免圖片變形。

background-image: url("image.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;

上述代碼中，我們使用的是CSS的background-image屬性，通過指定圖片的文件路徑來設置背景圖片。同時，使用background-repeat：no-repeat可以防止背景圖片在頁面中重復出現。通過使用background-size：cover可以使圖片填充整個背景，并保持其比例。最后，使用background-position:center可以使圖片居中顯示。

除了使用CSS對圖片進行處理外，我們還可以在網頁中使用一些優秀的CSS框架，例如Bootstrap、Foundation等，它們提供了許多優秀的CSS樣式和布局方式，可以大大簡化我們的CSS開發工作，同時也能夠提高頁面的兼容性和性能。