在開發網站時，我們常常需要用到圖片來美化設計或展示內容。那么如何在CSS中將圖片連接到頁面上呢？下面我們就來討論一下。

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

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

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

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

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

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

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

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

總之，在CSS中連接圖片并調整圖片效果，只需要使用background-image及相關屬性即可。