在網頁設計中，圖片的使用已經成為一種不可或缺的元素。CSS 能夠實現圖片導入功能，進一步美化網站，并吸引更多的訪問者。以下是實現圖片導入功能的 CSS 代碼。

/* 將圖片作為背景 */
.background-image{
background-image: url('img/background.jpg');
background-repeat: no-repeat;
background-size: cover;
}
/* 將圖片插入到 HTML 中 */
.image{
content:url('img/flower.png');
}
/* 外部鏈接圖片 */
.external-image{
background-image: url('https://example.com/img/external-image.jpg');
background-repeat: no-repeat;
background-size: cover;
}

以上代碼中，“background-image”屬性將圖片作為背景顯示，其中“url()”中的路徑為圖片所在的相對或絕對路徑，“background-repeat”屬性控制圖片在水平和垂直方向上的重復方式，“background-size”屬性控制圖片的大小和顯示方式。

如果需要將圖片直接插入到 HTML 中，可以使用“content”屬性，其中“url()”中的路徑也為圖片所在的相對或絕對路徑。

最后，如果需要在網頁中插入外部鏈接的圖片，只需要在“url()”中填寫圖片的鏈接即可。