在Web開發(fā)中，圖片是一個非常重要的元素，而圖片的展示與處理則要依靠HTML的標(biāo)簽和CSS的屬性標(biāo)簽。

HTML的標(biāo)簽可以通過src屬性指定圖片的路徑，alt屬性設(shè)置當(dāng)圖片無法正確顯示時的提示文本。例如:

<img src="example.jpg" alt="這是一個示例圖片">

CSS也提供了一些屬性標(biāo)簽來控制圖片的展示效果，如：

width：設(shè)置圖片的寬度
height：設(shè)置圖片的高度
border：設(shè)置圖片的邊框
border-radius：設(shè)置圖片的圓角
box-shadow：設(shè)置圖片的陰影效果
opacity：設(shè)置圖片的透明度

例如，我們可以使用以下CSS代碼來實現(xiàn)給圖片添加邊框和圓角：

img {
border: 1px solid #ccc;
border-radius: 5px;
}

當(dāng)然，還可以運用CSS3提供的新特性，對圖片進行更加豐富的處理，如：

filter: grayscale(50%); // 將圖片變?yōu)榛疑?
filter: blur(5px); // 給圖片添加模糊效果
filter: sepia(80%); // 將圖片變?yōu)樽睾稚?
filter: contrast(150%); // 增加圖片的對比度

小結(jié)：

圖片作為Web開發(fā)中重要的元素之一，在HTML中通過標(biāo)簽展示，可以用alt屬性來設(shè)置提示文本；在CSS中，通過屬性標(biāo)簽對圖片進行豐富的展示，比如邊框、圓角、陰影等。