CSS是Web開發(fā)中不可或缺的一部分，它可以幫助我們實(shí)現(xiàn)豐富的樣式效果，其中一個很常用的功能就是將CSS樣式應(yīng)用在圖片上，使其獲得更好的展示效果。

假設(shè)我們有一張圖片需要應(yīng)用CSS樣式，我們可以通過以下代碼實(shí)現(xiàn)：

<img src="image.jpg" style="border: 1px solid red; box-shadow: 2px 2px 5px #888;">

上面的代碼給圖片添加了一個紅色邊框和一個淺灰色的陰影效果，這讓圖片看起來更加立體和醒目。

但如果我們想將CSS樣式應(yīng)用在背景圖片上，該怎么做呢？可以使用下面的代碼實(shí)現(xiàn)：

<div style="width: 300px; height: 200px; background-image: url('image.jpg'); background-size: cover; border: 1px solid red; box-shadow: 2px 2px 5px #888;"></div>

上面的代碼創(chuàng)建了一個300像素寬、200像素高的Div容器，將圖片作為其背景圖片，并添加了一個紅色邊框和一個淺灰色的陰影效果。注意，background-size: cover;表示讓背景圖片盡可能地填滿整個容器，避免圖片變形。

除了上面的屬性外，我們還可以使用其他CSS屬性來實(shí)現(xiàn)更多的背景圖片樣式效果，比如background-position、background-repeat等。

總體來說，CSS可以為圖片和背景圖片帶來許多有趣的樣式特效，讓W(xué)eb頁面更加豐富多彩。