在網頁設計中，插入圖片是必不可少的一部分，而CSS是構造網頁樣式的重要一環。在CSS中，插入圖片的代碼也非常簡單，只需使用background-image屬性即可。

// 語法格式
selector {
background-image: url("圖片路徑");
}

上述代碼中，selector是需要添加背景圖像的CSS選擇器，url中的圖片路徑指向要插入的圖片。需要注意的是，圖片路徑可以是相對路徑或絕對路徑。

同時，為了保證網頁能夠正常顯示圖片，我們還需要指定圖片的寬度和高度，這可以通過使用width和height屬性來完成，其中，width表示圖片的寬度，height表示圖片的高度。

// 語法格式
selector {
background-image: url("圖片路徑");
width: 寬度;
height: 高度;
}

如果需要將圖片居中，可以使用background-position屬性。

// 語法格式
selector {
background-image: url("圖片路徑");
background-position: center center;
}

如果需要平鋪圖片，可以使用background-repeat屬性。

// 語法格式
selector {
background-image: url("圖片路徑");
background-repeat: repeat;
}

除了repeat之外，還有no-repeat和repeat-x/repeat-y可供選擇，分別表示不重復和在水平方向或垂直方向上重復。

最后，我們還可以為圖片添加圓角效果，這可以使用border-radius屬性。

// 語法格式
selector {
background-image: url("圖片路徑");
border-radius: 圓角半徑;
}

border-radius屬性的值可以是像素、百分比或em單位。

通過以上CSS代碼，我們可以輕松地在網頁中插入圖片，并為圖片添加各種樣式。