在開發(fā)網(wǎng)站時(shí)，我們常常需要用到圖片來美化設(shè)計(jì)或展示內(nèi)容。那么如何在CSS中將圖片連接到頁面上呢？下面我們就來討論一下。

首先，我們需要一張圖片。可以使用在本地的圖片，也可以使用在線圖片。我們假設(shè)使用本地圖片，請(qǐng)將圖片保存在與CSS文件相同的文件夾中。

接下來，在CSS樣式中使用background-image屬性指定圖片路徑即可。

body {
background-image: url('picture.jpg');
}

如果使用的是CSS文件與HTML文件不在同一個(gè)文件夾下，則需要在路徑前加上相對(duì)于CSS文件的路徑。

body {
background-image: url('../images/picture.jpg');
}

此外，還可以通過background-repeat、background-position、background-size等屬性調(diào)整圖片在頁面上的效果。比如：

body {
background-image: url('picture.jpg');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}

這段代碼指定了圖片不重復(fù)、居中顯示、盡量覆蓋整個(gè)頁面。

總之，在CSS中連接圖片并調(diào)整圖片效果，只需要使用background-image及相關(guān)屬性即可。