在HTML中，我們經常需要在網頁中插入圖片以豐富頁面的內容。而在CSS中，我們可以利用
標簽和相應的CSS樣式，來對圖片進行美化和調整。
首先是在
標簽中插入圖片的代碼：
<div> <img src="圖片地址" alt="圖片名稱"> </div>
在這段代碼中，我們使用了<img>標簽來插入圖片，其中的src屬性表示圖片的地址，alt屬性表示圖片的名稱。在<div>標簽中嵌套這個<img>標簽，就可以把圖片放入到頁面中。
接下來，我們可以利用CSS對圖片進行調整和美化。以下是一些常見的CSS樣式：
div img {
width: 100px; /*設置圖片寬度為100像素*/
height: 100px; /*設置圖片高度為100像素*/
border: 1px solid #999; /*給圖片添加1像素的邊框*/
margin: 10px; /*設置圖片與周圍元素的距離為10像素*/
box-shadow: 2px 2px 5px #666; /*給圖片添加投影效果*/
}在這段代碼中，我們使用了div img選擇器來選中<div>標簽中的圖片，并對它們應用了不同的CSS樣式。
通過對這些CSS樣式的應用，我們可以讓網頁中的圖片更加美觀，也能夠更好地與周圍的元素融合。
上一篇css汽車是什么裝置
下一篇css沒有什么屬性