CSS（層疊樣式表）作為網頁設計中必不可少的一部分，主要用于美化頁面的樣式。其中，圖片的樣式也是非常重要的，通過CSS的樣式代碼可以實現對圖片的寬高、位置、邊框等多種樣式控制。以下是一些常見的CSS樣式代碼：

/* 設置圖片寬高 */
img {
width: 300px;
height: 200px;
}
/* 設置圖片邊框 */
img {
border: 1px solid #333;
}
/* 設置圖片位置 */
img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
/* 設置圖片透明度 */
img {
opacity: 0.8;
}
/* 設置圖片濾鏡 */
img {
filter: grayscale(50%);
}
/* 設置圖片陰影 */
img {
box-shadow: 2px 2px 5px #333;
}

通過以上代碼，我們可以實現對圖片樣式的控制，使得頁面更具美感和可讀性。當然，除上述代碼外，還有更多的圖片樣式代碼，需要根據具體情況進行選擇使用。