在網頁設計中，圖片是非常重要的元素，而CSS屬性可以幫助我們更好地控制圖片的展示效果。下面是一些常用的圖片CSS屬性：

img {
/* 設置圖片的寬度和高度 */
width: 100px;
height: 100px;
/* 設置圖片的位置和對齊方式 */
display: block;
margin: 0 auto;
/* 設置圖片的邊框和圓角樣式 */
border: 1px solid #ccc;
border-radius: 50%;
/* 設置圖片的透明度和濾鏡效果 */
opacity: 0.8;
filter: grayscale(50%);
/* 設置圖片的背景顏色和背景圖片 */
background-color: #fff;
background-image: url('bg.jpg');
/* 設置圖片的縮放和旋轉 */
transform: scale(1.2);
transform: rotate(45deg);
}

通過上面這些CSS屬性，我們可以讓圖片更好地融入網頁中，突出其特定的展示效果。例如，設置透明度和濾鏡效果可以讓圖片看起來更加神秘和藝術；設置縮放和旋轉則可以讓圖片更加生動和有趣。

不同的圖片在不同的頁面和場合中可能需要使用不同的CSS屬性，因此在設計網頁時要根據實際需要靈活運用這些屬性，從而實現(xiàn)最佳的展示效果。