CSS中使用本地圖片的方法

在CSS中，您可以使用本地圖片來設(shè)置網(wǎng)頁的背景、邊框等樣式，下面是一些使用本地圖片的方法：

1、設(shè)置背景圖片：

您可以使用CSS的background-image屬性來設(shè)置背景圖片，如果您有一張名為background.jpg的圖片，您可以這樣寫：

body {
  background-image: url('background.jpg');
}

2、設(shè)置邊框圖片：

您可以使用CSS的border-image屬性來設(shè)置邊框圖片，如果您有一張名為border.png的圖片，您可以這樣寫：

div {
  border-image: url('border.png') 20px;
}

3、設(shè)置列表圖片：

您可以使用CSS的list-style-image屬性來設(shè)置列表圖片，如果您有一張名為list.gif的圖片，您可以這樣寫：

ul {
  list-style-image: url('list.gif');
}

代碼中的圖片路徑需要根據(jù)你的實際情況進(jìn)行調(diào)整，如果圖片和CSS文件在同一目錄下，你可以直接使用圖片的名稱，如果圖片在子目錄中，你需要包含子目錄的名稱，如果圖片在根目錄中，你需要使用/來表示根目錄。