當我們需要在網頁中展示圖片時，使用CSS來插入圖片是一種常見的方法。這種方法的優點是可以很好地控制圖片大小、位置和邊距，同時還能有效地避免網頁加載速度的下降。 首先，我們需要使用html標簽來添加一個img元素，如下所示：

<img src=“images/example.jpg” alt=“Example Image” />

此處，我們需要在src屬性中指定圖片的URL，alt屬性則是用來描述圖片的文字說明。但是，這種方法并沒有很好地控制圖片的大小以及位置，因此我們需要使用CSS來實現。 在CSS中，我們可以使用background-image屬性來插入圖片，如下所示：

p {
background-image: url("images/example.jpg"); 
}

此處，我們給段落元素p添加了一個background-image屬性，并在其中指定了圖片的URL。實現這種插入圖片的方式后，我們就可以使用background-position屬性來調整圖片的位置：

p {
background-image: url("images/example.jpg"); 
background-position: center;
}

這里，我們使用了background-position屬性，并將其設為了center，這樣就能將圖片水平和垂直方向上都居中。如果需要調整圖片大小，可以使用background-size屬性，如下所示：

p {
background-image: url("images/example.jpg");
background-position: center;
background-size: cover;
}

在這里，我們使用了background-size屬性，并將其設為了cover，這樣就能保證圖片完全填滿整個段落元素p。 總的來說，使用CSS來插入圖片是一種非常實用的方法，它可以很好地控制圖片的大小、位置和邊距，為網頁的美化和優化提供了很好的幫助。