在網站設計中，如何給頁面增添生氣和色彩呢？答案之一就是使用圖片！而在 CSS 樣式中，我們可以通過簡單的代碼為圖片添加樣式。 在 HTML 中，我們可以通過元素將圖片添加到頁面中。而在 CSS 樣式中，我們可以選擇為這些圖片增加一些行動。下面是一個例子：

這是一個通過CSS樣式添加圖片的例子：

img {
border: 3px solid black;
margin: 10px;
padding: 5px;
background-color: white;
}

在上面的例子中，我們為圖片添加了一個黑色的邊框，跟 10 像素的外邊距以及白色的背景色。如果對樣式進行更多的探索，我們可以獲得出眾的效果，比如圖片覆蓋上一層陰影、圓角、旋轉等。

另外，我們還可以通過添加偽類實現不同的效果。比如，為了給一個圖片增加更加明亮的色彩，我們可以試試這個代碼：

a img:hover {
filter: brightness(150%);
}

上面的代碼意味著：當鼠標懸停在圖片上時，圖片的亮度會增加到原來的百分之一百五十。這一效果增加了頁面的互動性和視覺吸引力。

總之，CSS 樣式可以為圖片帶來更多的動作和著色效果，讓頁面更具吸引力和生氣。當然，在實踐中，我們需要注意保持頁面簡潔、易于瀏覽和高效訪問性。