CSS是一種用于網頁設計的樣式表語言，常常用于調整文本、顏色、布局和元素的外觀。其中一個常用的功能就是給img標簽添加圖片。我們可以通過以下的CSS樣式來改變圖片的顯示方式：

img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}

上面這段代碼中，我們使用了四個不同的屬性對標簽進行了樣式定義，下面對每個屬性進行解釋：

• display: block;：將標簽的默認行內元素改為塊級元素，使得圖片能夠自動換行，并占據整個父級元素的寬度。
• margin: 0 auto;：設置標簽的外邊距，將其水平居中顯示。
• max-width: 100%;：將標簽的最大寬度設定為父元素寬度的100%，以便于響應式布局。
• height: auto;：設置標簽的高度自適應，以保持圖片的寬高比例。

通過應用以上樣式，我們可以輕松地改變標簽的外觀，使其符合網頁的整體設計。例如，如果我們想要在文本中插入一張圖片，并讓它顯示在中央、居中，可以這樣寫HTML：

<p>
<img src="example.jpg" alt="示例圖片">
</p>

然后，我們將上面的CSS樣式追加到CSS文件的尾部中：

/* 樣式表 */
img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}

現在，我們的圖片就可以左右居中、自適應父元素寬度了。如果需要改變圖片的大小，可以通過修改max-width和height屬性來進行設置。