使用CSS插入圖片是一種非常常見的網頁設計技巧。我們可以通過CSS設置圖片的位置、大小、樣式等，使其更加美觀。那么如何在CSS中插入圖片呢？ 首先，我們需要使用CSS的background-image屬性來指定背景圖片的路徑。下面是一個示例代碼：

p {
background-image: url('圖片路徑');
}

在上面的代碼中，我們使用了p標簽來給段落添加背景圖片，并使用了background-image屬性來指定圖片路徑。如果你想使用網頁中的相對路徑插入圖片，可以將圖片路徑寫為相對于CSS文件的路徑。例如：

p {
background-image: url('../images/圖片名稱.jpg');
}

上面的代碼將會在 `css` 目錄上一級目錄的 `images` 文件夾中查找名為 “圖片名稱.jpg” 的圖片。 在指定了背景圖片的路徑后，我們還可以通過其他的CSS屬性來調整圖片的位置和大小。例如：

p {
background-image: url('圖片路徑');
background-size: cover;  // 圖片按比例進行縮放，覆蓋整個元素
background-position: center center;  // 圖片在元素的中心位置
}

上面的代碼將會把圖片放在元素的中心位置，并按比例縮放以覆蓋整個元素。background-size和background-position屬性可以幫助我們精確地控制圖片的尺寸和位置。 使用CSS插入圖片是一種非常方便、簡單的技巧，能夠提升網頁的視覺效果，讓用戶更加愉悅地瀏覽網站。學習掌握這一技巧，對于前端開發是非常重要的。