在 CSS 中加入圖片是非常重要的一部分，因為圖片能夠豐富我們的視覺體驗，為網站添加更多的藝術與風格。本文將向大家介紹在 CSS 中如何加入圖片。

background-image: url("圖片鏈接");

很多人可能已經知道了，在 CSS 中，我們可以使用 background-image 屬性來添加圖片。其中，圖片的鏈接需要放在引號內。

但是，在實踐中我們會發現，這種方式僅僅在某些情況下才能很好地工作。比如，當我們需要將圖片與其它元素組合在一起時。

background-image: url("圖片鏈接");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;

那么，當我們需要圖片與其它元素相互組合時，我們該怎么辦呢？在這里，我們需要使用到 background-repeat、background-position 和 background-size 這幾個屬性。

其中，background-repeat 用于設置圖片是否重復出現，如果我們不希望出現多個相同的圖片，可以將其設置為 no-repeat。

background-position 則是用于設置圖片的位置。在上面的例子中，我們將其設置為在元素的中心位置出現。

最后，我們需要使用 background-size 來填充元素。我們可以將其設置為 cover，這樣可以根據元素的大小來自動調整圖片的大小。

總而言之，在 CSS 中將圖片與其他元素組合在一起是非常重要的，包括 background-image，background-repeat，background-position 和 background-size 這幾個屬性，對于那些想要構建高質量、富有藝術感的網站的開發者來說是非常重要的。