CSS 設置圖像樣式
CSS中用于圖片的樣式屬性主要包括以下幾個方面：

?邊框和背景?：

?border?：可以設置圖片的邊框樣式、寬度和顏色。例如，img { border: 1px solid #ddd; } 會給圖片添加1像素的實線邊框，顏色為灰色。

?border-radius?：可以設置圖片的圓角效果。例如，img { border-radius: 8px; } 會給圖片添加8像素的圓角。

?background-color?：可以設置圖片的背景顏色。例如，div.polaroid { background-color: white; } 會將圖片的背景設置為白色。

?

尺寸和位置?：

?width? 和 ?height?：可以直接設置圖片的寬度和高度。例如，img { width: 100px; height: 50px; } 會將圖片的寬度設置為100像素，高度設置為50像素。

?max-width? 和 ?max-height?：可以設置圖片的最大寬度和高度。例如，img { max-width: 100%; height: auto; } 會使圖片的最大寬度為100%，高度自動調整以保持圖片比例。

?background-position?：可以設置背景圖片的位置。例如，div { background-position: center; } 會將背景圖片居中顯示。

?

響應式設計?：

?max-width? 和 ?height: auto?：可以使圖片在不同屏幕尺寸下自適應調整大小。例如，img { max-width: 100%; height: auto; } 會使圖片的最大寬度為100%，高度自動調整以保持圖片比例。
?過渡效果?：

?transition?：可以添加過渡效果，使圖片在變化時更加平滑。例如，a:hover { box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5); } 會在鼠標懸停時給鏈接添加陰影效果。
?其他屬性?：

?border-radius?：可以設置圖片的圓角效果，例如 img { border-radius: 50%; } 會將圖片設置為橢圓形。

?background-size?：可以設置背景圖片的大小，例如 div { background-size: cover; } 會使背景圖片覆蓋整個元素區域。

通過這些屬性，你可以靈活地控制網頁中的圖片樣式，實現各種視覺效果和布局需求。