在網頁設計中，添加圖片是非常重要的，可以使網頁增色不少，提升用戶體驗。而在添加圖片時，CSS技術是不可或缺的一種技術。接下來我們將詳細講解如何使用CSS添加圖片。 首先，在HTML文件中添加一個標簽用于在頁面上顯示圖像。接著在CSS樣式表中對這個標簽進行樣式設置。

img {
width: 100px;
height: 100px;
border: 1px solid #999;
}

上述代碼展示了如何設置一個圖片的寬度與高度，并為其添加了一個1像素寬度的邊框。 除了上述基本樣式外，我們還可以進一步設置圖片的位置，比如將圖片垂直置中，代碼如下：

img {
display: block;
margin: 0 auto;
}

其中，display: block; 表示將圖片轉為塊級元素，使其能夠水平方向居中。margin: 0 auto; 則是將圖片的上下外邊距設為0，水平外邊距設為自動，從而達到垂直居中的效果。 此外，我們還可以添加陰影效果、圓角等進一步美化圖片。

img {
display: block;
margin: 0 auto;
box-shadow: 2px 2px 5px #999;
border-radius: 5px;
}

上述代碼添加了一個2像素的陰影效果，并將圖片的邊角設置為圓角。在實際中，我們可以靈活運用CSS技術，通過各種樣式設置，在頁面中展示出更為美觀的圖片。 總之，通過學習本文介紹的樣式設置，相信大家能夠輕松實現添加圖片的效果，從而使網頁的視覺效果更加出眾，提升用戶體驗。