CSS 是網頁設計中的重要一環，而其中圖片的處理也是非常關鍵的一部分。在 CSS 中，我們可以通過一些簡單的樣式來處理網頁中的圖片，使得圖片更加美觀和合適。

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

上面這段 CSS 代碼就可以幫助我們自適應圖片大小。通過設置圖片的最大寬度為 100%，可以讓圖片在不失真的情況下自適應瀏覽器窗口的大小。同時，將圖片的高度設置為自動，也可以確保圖片比例的保持。

img:hover {
opacity: 0.8;
}

另外，我們也可以通過 CSS 來添加一些效果和動畫，以增強圖片的視覺效果。比如，鼠標經過圖片時將其 opacity 降低，就可以讓圖片產生透明的效果，增加一些趣味性。

.image {
background-image: url(path/to/image.png);
background-size: cover;
height: 300px;
width: 100%;
}

除此之外，我們還可以使用 CSS 來創建一些背景圖片效果。使用 background-image 屬性，可以將一張圖片設置為元素的背景。同時，通過設置 background-size 屬性為 cover，可以讓圖片完全覆蓋元素的背景。比如，我們可以給一個容器添加上面這段 CSS 代碼，就可以創建一個高度為 300px、寬度為 100% 的背景圖片。

CSS 中關于圖片的處理還有很多小技巧和效果，這里僅僅列舉了一些常用的方法。通過巧妙運用這些樣式，我們可以讓網頁中的圖片更好看，更具有吸引力。