在網頁設計中，展示圖片越來越成為一種不可缺少的元素。為了在頁面中展示圖片，我們通常使用CSS的background-image屬性。那么，如何引入圖片呢？

/* CSS代碼 */
.image{
background-image: url("image.jpg");
}

以上就是引入圖片的基本代碼。其中，我們使用了url()函數來引入圖片，括號內的參數為圖片的路徑。同理，我們也可以引入其他類型的文件，比如音頻和視頻。

/* 引入音頻 */
audio{
background: url("audio.mp3");
}
/* 引入視頻 */
video{
background: url("video.mp4");
}

我們也可以使用相對路徑或者絕對路徑來引入圖片。相對路徑指的是相對于當前文件的路徑，而絕對路徑則指的是文件在服務器上的路徑。

/* 使用相對路徑 */
.image{
background-image: url("../images/image.jpg");
}
/* 使用絕對路徑 */
.image{
background-image: url("https://example.com/images/image.jpg");
}

此外，我們還可以使用CSS的background-repeat屬性和background-size屬性來控制圖片的重復和大小。例如，我們可以將圖片平鋪在整個元素中，或者按比例縮放圖片讓其適應元素大小。

/* 圖片平鋪 */
.image{
background-image: url("image.jpg");
background-repeat: repeat;
}
/* 圖片縮放 */
.image{
background-image: url("image.jpg");
background-size: cover;
}

總的來說，CSS的background-image屬性是一個強大的工具，可以幫助我們在網頁中使用圖片，并通過其他CSS屬性來控制展示效果。