CSS（Cascading Style Sheets）被廣泛地運用于網頁設計中，其中的img屬性是定義網頁中圖片的樣式。在CSS中，我們可以利用img屬性來設置圖片的大小、位置以及邊框等。

img {
width: 200px; /* 設置圖片寬度為200像素 */
height: 150px; /* 設置圖片高度為150像素 */
margin: 10px; /* 設置圖片和其他元素的間距為10像素 */
border-style: solid; /* 設置圖片邊框的樣式為實線 */
border-width: 2px; /* 設置圖片邊框的寬度為2像素 */
border-color: black; /* 設置圖片邊框的顏色為黑色 */
display: block; /* 將圖片轉換為塊級元素，使其獨占一行 */
float: left; /* 將圖片向左浮動 */
}

在上述代碼中，我們使用選擇器img來設置圖片的樣式。其中，width和height屬性分別用來設置圖片的寬度和高度。margin屬性用來設置圖片和其他元素之間的距離。border-style、border-width和border-color屬性則用來設置邊框的樣式、寬度和顏色。

另外，display屬性和float屬性也是常用的圖片屬性。display屬性可以將圖片轉換為塊級元素或行內元素，我們可以根據需要選擇。而float屬性則用來設置圖片的浮動方向，可以讓圖片和其他元素進行布局。

通過CSS中img屬性的靈活運用，我們可以輕松地實現豐富多彩的圖片樣式，為網頁設計增色不少。