在網(wǎng)頁設計中，起著美化頁面、優(yōu)化用戶體驗的CSS是不可或缺的一部分。除了實現(xiàn)顏色、字體、邊框等基礎的樣式外，CSS還能讓頁面中的圖片顯示更加美觀。那么，接下來我們就來看一下CSS如何實現(xiàn)圖片的介紹。
首先，我們可以使用“”標簽來插入圖片，示例如下：

其中，“src”屬性表示圖片的路徑，“alt”屬性表示圖片的描述。
在樣式表中，我們可以按如下方式設置圖片的CSS樣式：

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

這段CSS代碼中，“p img”表示當前樣式適用于HTML中所有“”標簽，用于實現(xiàn)以下效果：
1. “display: block;”可以讓圖片變成塊級元素，讓它能夠像普通文本一樣居中顯示；
2. “margin: 0 auto;”可以讓圖片在容器中水平居中顯示；
3. “max-width: 100%; height: auto;”可以讓圖片根據(jù)容器的大小自適應大小，不會失真或變形。
除此之外，我們還可以添加其他的CSS效果，例如：

p img:hover {
opacity: 0.7;
box-shadow: 0px 0px 5px #333;
}

這段CSS代碼可以讓圖片在鼠標懸浮時透明度降低、出現(xiàn)陰影效果。
總的來說，通過CSS調(diào)整圖片的樣式能夠讓網(wǎng)頁顯示更加精美，給用戶提供更好的視覺享受。