CSS中如何引用外部圖片

在CSS中，我們可以使用url()函數(shù)來引用外部圖片。url()函數(shù)接受一個(gè)字符串作為參數(shù)，該字符串是要引用的圖片的路徑或URL，以下是一些示例：

1、引用外部圖片作為背景圖片：

body {
  background-image: url("https://html4.cn/image.jpg");
}

2、引用外部圖片作為列表項(xiàng)的標(biāo)記：

ul li {
  list-style-image: url("https://html4.cn/marker.png");
}

3、引用外部圖片作為元素的圖標(biāo)：

a.icon {
  background-image: url("https://html4.cn/icon.png");
}

需要注意的是，如果圖片路徑或URL中包含特殊字符或空格，需要用引號(hào)將字符串括起來，如果圖片路徑或URL是相對(duì)路徑，則需要確保路徑的正確性。

除了url()函數(shù)外，我們還可以使用其他方法引用外部圖片，如使用@import規(guī)則引入其他樣式表等，但url()函數(shù)是***常用的方法，因?yàn)樗梢灾苯右脠D片文件。