CSS中的img標簽主要用于控制頁面上的圖片的樣式和大小，下面將通過一些常見的CSS屬性介紹如何設置img標簽。

img {
/*設置圖片寬度*/
width:300px;
/*設置圖片高度*/
height:200px;
/*設置圖片為塊級元素*/
display:block;
/*去除圖片下邊距*/
margin-bottom:0;
/*添加圖片邊框，顏色為黑色，寬度為2px*/
border:2px solid black;
/*設置圖片居中對齊*/
margin:auto;
}

使用上述代碼，我們可以實現一個寬度為300像素，高度為200像素，帶有2像素黑色邊框且居中對齊的圖片。

如果我們想實現一個自適應寬度和高度的圖片，可以這樣設置：

img {
/*設置圖片占據其所處父元素的100%寬度*/
width:100%;
/*移除圖片默認的下邊距*/
margin-bottom:0;
/*使圖片適應父元素區域，不改變其縱橫比*/
object-fit:contain;
}

上述代碼中，我們使用了CSS3的object-fit屬性來控制圖片的自適應。該屬性有多種取值，此處使用的是contain，表示在保持圖片縱橫比的前提下，將圖片適應其所處父元素的區域。

除了以上屬性之外，img標簽還有其他一些常用的屬性，例如：src、alt、title等。src屬性用于指定圖片的URL地址，alt屬性用于為頁面上的圖片提供備用的文本描述，title屬性用于為圖片添加懸浮提示信息。在實際開發中，這些屬性也常常會被用到。