在網頁設計中，css背景圖片是美化網頁的重要元素之一。在使用背景圖片時，我們可以選擇將圖片放在本地目錄中，也可以通過外部鏈接的方式導入圖片。下面，我們就來介紹一下css背景圖片的外部鏈接。

//將本地目錄中的圖片作為背景
div{
background-image: url("images/background.jpg");
}
//通過外部鏈接導入圖片作為背景
div{
background-image: url("http://example.com/images/background.jpg");
}

如上所示，我們可以在background-image屬性中通過url()函數來引用圖片資源。如果需要使用外部鏈接的圖片作為背景，我們只需要在引用鏈接的時候將鏈接地址寫入即可。需要注意的是，這里的鏈接地址必須是直接指向圖片的路徑，而不是網頁或者目錄的路徑。

除了通過http協議的鏈接外，我們還可以通過其他協議來獲得圖片資源。例如，我們可以通過ftp協議來獲取資源：

//通過ftp協議導入圖片
div{
background-image: url("ftp://example.com/images/background.jpg");
}

在實際開發中，我們也可以使用javascript來動態引用外部鏈接的圖片資源。例如：

//使用javascript動態引用圖片資源
var myImage = new Image();
myImage.src = "http://example.com/images/background.jpg";
div{
background-image: url("myImage.src");
}

如上所示，我們可以通過javascript動態創建一個Image對象，然后設置其src屬性來引用圖片資源。通過這種方式，我們可以在網頁加載的時候才獲取圖片資源，從而提高頁面的加載速度。

總的來說，css背景圖片的外部鏈接是一個非常靈活的選項，可以讓我們更加方便地使用各種類型的圖片資源來美化網頁。