CSS是指層疊樣式表，可以將網(wǎng)頁上的各種元素進行美化和排版。在設(shè)計時，照片是不可或缺的一部分。這篇文章將會講解如何在CSS中引用外部圖片，達到網(wǎng)頁美化的效果。

首先，我們需要明確一點，即圖片的格式必須是支持Web瀏覽器的，如JPG、PNG等。其次，我們需要準備好圖片文件，注意它們的路徑。一般情況下，我們會將圖片放在與主CSS文件同一目錄下的img文件夾中。接下來，我們就可以在CSS樣式表文件中進行圖片引用了。

p {
background-image: url(./img/background.png);
background-repeat: no-repeat;
background-position: center center;
}

上述代碼的解釋如下：

• 樣式應(yīng)用在所有的

  標簽上

• 使用background-image屬性定義了背景圖片的路徑，"./" 表示當(dāng)前目錄。background-repeat屬性指定了不重復(fù)顯示，background-position指定了背景圖片的位置為居中。

如果您的圖片文件名中間有空格，請用%20代替空格，如：background-img: url(./img/space%20bg.png);

總之，外部圖片的引用可以使網(wǎng)頁更加美觀，而且在這個過程中不會增加網(wǎng)頁的大小，反而會提高網(wǎng)頁的加載速度。歡迎大家在自己的網(wǎng)站中嘗試使用。