CSS是網頁設計中非常重要的一部分，它可以使網頁更加美觀、易于閱讀和用戶友好。在CSS中，我們經常使用標簽來插入圖片。在這篇文章中，我們會討論如何使用class屬性來控制標簽中的圖像樣式。

首先，讓我們來看一下如何添加class屬性到標簽中。在HTML代碼中，標簽通常是這樣寫的：

<img src="image.jpg">

如果我們想要為這個圖片添加class屬性，我們可以像這樣寫：

<img src="image.jpg" class="my-image">

在CSS中，我們可以使用類選擇器來控制這張圖片的樣式。比如，如果我們想要將圖片的寬度設置為50%，可以這樣寫：

.my-image {
width: 50%;
}

當然，我們還可以添加其他屬性，比如邊框、圓角等等。例如，如果我們想給圖片添加5像素的紅色邊框，可以這樣寫：

.my-image {
border: 5px solid red;
}

除了使用類選擇器，我們還可以使用CSS中的id選擇器來控制標簽中的圖片樣式。例如，如果我們要將ID設置為“my-image”，則可以這樣寫：

<img src="image.jpg" id="my-image">

在CSS中，我們可以使用#來引用ID選擇器。例如，如果我們想將具有ID“my-image”的圖片的高度設置為200像素，則可以這樣寫：

#my-image {
height: 200px;
}

總而言之，在CSS中使用class屬性來控制標簽中的圖片樣式是非常有用的。通過使用類選擇器，我們可以輕松地設置圖片的大小、邊框、邊距和其他屬性，從而使網頁更加美觀和易于閱讀。