在網頁設計中，添加圖片是非常常見的操作，它可以使網頁更加美觀，吸引用戶的眼球。在CSS中，可以通過使用background-image屬性來添加圖片。

background-image: url("圖片的URL地址");

上述代碼中，使用了CSS中的background-image屬性來添加圖片，其中"url"就是圖片的URL地址，可以是任意一張圖片的地址。使用該代碼，可以快速簡單地在網頁中添加圖片。

但是，在實際應用中，我們還需要注意一些細節，比如圖片的大小、重復方式等。下面是一些常用的屬性：

background-repeat: repeat; /*背景圖像將在垂直方向和水平方向重復*/
background-repeat: repeat-x; /*背景圖像將在水平方向重復*/
background-repeat: repeat-y; /*背景圖像將在垂直方向重復*/
background-repeat: no-repeat; /*默認屬性，背景圖像不重復*/
background-position: center; /*背景圖像在中央*/
background-position: left top; /*背景圖像在左上角*/
background-position: right bottom; /*背景圖像在右下角*/
background-size: 100% auto; /*以寬度為基準自適應高度*/
background-size: auto 100%; /*以高度為基準自適應寬度*/
background-size: cover; /*按比例擴大或縮小背景圖像以覆蓋整個區域*/
background-size: contain; /*按比例縮放背景圖像以適合整個區域*/

使用這些屬性，可以更好地控制圖片的顯示效果，使網頁更加美觀。除了使用background-image屬性，還可以使用img標簽來添加圖片。img標簽通常被用于添加單張圖片，通過添加src屬性來指定圖片的地址：

<img src="圖片的URL地址">

這是HTML中的標簽，但是我們可以使用CSS來控制圖片的大小、邊距等等樣式，只需要為img標簽添加一個class屬性，并在CSS中設置相關的樣式即可。

總的來說，添加圖片是非常簡單易懂的操作，通過了解CSS中的background-image屬性和img標簽，可以實現不同場景下的圖片展示效果。