在網頁設計中，我們經常需要使用圖片來豐富頁面內容。為了防止圖片太大影響網頁加載速度，我們可以使用外部CSS來引入圖片。下面我們來介紹如何通過外部CSS引入圖片路徑。 首先，我們需要在HTML中使用標簽來引入外部CSS文件，例如：

然后，在CSS文件中，我們可以使用background-image屬性來設置圖片，例如：

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

需要注意的是，我們必須正確設置圖片路徑。如果圖片文件夾在CSS文件夾的同級目錄下，可以直接使用相對路徑，例如上述示例中的"images/pic.jpg"就是相對路徑。如果圖片文件夾在CSS文件夾的上一級目錄，可以使用"../"來表示上一級目錄，例如：

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

如果圖片文件夾和CSS文件在同一級目錄下，則路徑為：

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

除了使用background-image屬性，我們還可以使用標簽來引入圖片：

p {
content: url(images/pic.jpg);
}

使用標簽的好處是，可以設置圖片大小和樣式，而且可以在HTML中直接使用。 總之，使用外部CSS引入圖片可以讓網頁加載速度更快，同時也方便頁面布局和樣式設計。記得正確設置圖片路徑，讓網頁加載時能夠找到圖片文件。