CSS 圖片屬性是用來控制網頁中圖片顯示的樣式、位置、大小等。在網頁設計中，優美的圖片是吸引用戶的重要因素之一。下面就介紹一些常用的 CSS 圖片屬性。 ```

img {
display: block; /* 設置圖片為塊級元素 */
width: 100%; /* 設置圖片寬度為100% */
height: auto; /* 高度自適應 */
margin: auto; /* 居中 */
border: 1px solid #ddd; /* 邊框 */
border-radius: 5px; /* 圓角 */
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); /* 陰影 */
}

``` display 屬性可以控制圖片的顯示方式。將圖片設置為塊級元素可以使其水平占一行，并且可以設置 width 和 height 屬性，這樣可以方便地控制圖片大小。 width 和 height 屬性用來調整圖片大小。為了保持圖片比例不變，設置高度為 auto，瀏覽器會自動調整高度。 margin 屬性可以使圖片居中。設置 margin: auto 時，瀏覽器將水平和垂直方向上的邊距都設為自動，即居中顯示。 border 和 border-radius 屬性可以為圖片添加邊框和圓角。這樣可以讓圖片顯得更加美觀。 box-shadow 屬性可以為圖片添加陰影效果。通過調節陰影的參數，可以讓圖片的陰影效果更加自然。 綜上所述，合理運用 CSS 圖片屬性可以讓網頁圖片顯示得更加美觀，提高用戶體驗。