在Web開發中，圖片是不可或缺的一部分。而標簽是用于在網頁中顯示圖像的HTML標簽。下面介紹關于標簽的CSS屬性的應用。

img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
border: 1px solid #ccc;
}

1.display屬性

默認情況下，圖片是以行內（inline）方式顯示。 我們可以通過將display屬性設置為block以將其更改為塊（block）級元素。這使我們可以更好地控制圖片的布局和定位。 另外，以塊級元素顯示圖像可確保清除浮動（clearfix）。

img {
display: block;
}

2.margin屬性

margin屬性用于控制元素周圍的空間。如果我們希望圖像在其父元素中居中顯示，我們可以使用margin屬性來設置左右邊距為“auto”。這將使圖像相對于其容器水平居中。

img {
margin: 0 auto;
}

3.max-width和height屬性

讓圖像保持其原始大小通常并不是理想的，在大屏幕上可能會顯得過小，而在小屏幕上可能會溢出。 我們可以使用max-width和height屬性來解決這個問題。定義max-width為100%會使圖像在其容器內縮放，而height: auto;會保持寬高比。

img {
max-width: 100%;
height: auto;
}

4.border屬性

如果要在圖像周圍添加邊框，則可以使用border屬性。 以下樣式將在圖像周圍添加1像素的固定寬度邊框。

img {
border: 1px solid #ccc;
}

以上是幾個關于標簽的CSS樣式的應用，希望對大家有所幫助！