<不得不說(shuō)使用 CSS 來(lái)裝飾圖片是設(shè)計(jì)中非常重要的一環(huán)。兩張不同的圖片需要不同的處理方法，接下來(lái)我們就來(lái)探究一下如何使用 CSS 在兩張不同的圖片上設(shè)置樣式。>

第一張圖片：

<img src="image1.jpg" alt="第一張圖片">
<style>
img {
border: 2px solid red;
margin: 10px;
}
</style>

我們可以給第一張圖片添加一個(gè)邊框并在其周?chē)舫鲆恍┻吘唷＿@樣使得圖片看起來(lái)更明顯，也更突出。

第二張圖片：

<img src="image2.jpg" alt="第二張圖片">
<style>
img {
filter: grayscale(100%);
opacity: 0.5;
}
</style>

對(duì)于第二張圖片，我們可以使用 filter 屬性設(shè)置為黑白濾鏡，使圖片變?yōu)榛叶葓D像。如果覺(jué)得這樣太過(guò)單調(diào)，我們還可以使用 opacity 屬性使圖片半透明，讓圖片看起來(lái)更加有層次感。

<總之，使用 CSS 可以讓圖片更加有趣、有表現(xiàn)力，也更符合設(shè)計(jì)需求。只需要稍加了解一下相關(guān)屬性的使用方法，就能輕松實(shí)現(xiàn)上面的效果。>