用 CSS 設置圖片效果是現代網頁設計中的一項重要技能。通過使用 CSS 風格表，可以為圖片添加各種效果，從而使圖片與網站更加協調一致。以下是幾種設置圖片效果的方法： 1. 為圖片添加邊框 通過在 CSS 中為圖片添加邊框，可以使圖片在網頁中更明顯。以下是示例代碼：

img {
border: 1px solid black;
}

這段代碼會為網頁中所有的 img 標簽中的圖片添加一個 1 像素的黑色實線邊框。您可以通過調整邊框屬性的值以更改邊框的寬度、顏色和類型。 2. 圖片的圓角效果 CSS 中有幾種方法可以創建圖片圓角效果。這里提供一種常用的方法：

img {
border-radius: 50%;
}

這段代碼將圖片變成了圓形。您還可以使用不同的 border-radius 屬性值來更改圓角的程度。 3. 圖片漸變效果 通過使用 CSS 漸變功能，可以為圖片添加流暢的色調變化。以下是一個示例代碼：

img {
background: linear-gradient(to bottom, #ffffff, #ff0000);
}

此代碼為圖片添加了一個漸變的背景，從白色到紅色。您可以更改漸變起點、終點和顏色值，從而創建不同的效果。 4. 圖片的陰影效果 通過使用 CSS box-shadow 屬性，可以為圖片添加一些整潔的陰影效果。以下是示例代碼：

img {
box-shadow: 10px 10px 5px #888888;
}

這段代碼為圖片添加了一些微妙的陰影，使它在頁面上更好看。您可以更改 box-shadow 屬性的值來調整陰影的大小、顏色和位置。 總之，熟悉使用 CSS 設置圖片效果是現代網頁設計的基本技能之一。通過運用各種風格，您可以為圖片添加幾乎任何效果，從而使網頁更加精美和功能齊全。