Ask for advice! Regarding the problem of inserting background images in divs! _html/css_WEB-ITnose

I want to make a navigation bar. I used tags such as unordered list

• , but I couldn’t display the background image all afternoon. Please help me to answer this question.
  
  This is the html code of this part:
  
  
  
  

  
  
  • Tang Poetry
  
  
  • Song Ci
  
  
  • Book of Songs
  
  
  • The Analects
  
  

  
  
  > ;
  
  
  This is the code for this part of the css:
  
  
  #header{width:900px;height:100px;margin:0px auto;clear:both;}
  #banner{width:900px;height:25px;margin:0px auto;clear:both;background:url(D: Website creation HTML program poetry library picture banner.jpg)repeat;}
  #banner li{width :225px;line-height:25px;text-align:center;float:left;background:url(D: Website creation HTML program poetry library picture banner2.jpg)repeat;}
  #banner li.last{background: none;}
  #banner li a{font-size:19px;color:blue;}
  #banner li a:hover{font-weight:bold;color:#ffff00;text-decoration:none;}
  
  
  Now the functions of side-by-side display and centering have been implemented. No matter how I try it, the background image cannot be displayed. I have tried many methods. The size of the two background images is the same as the height and width set by the div. Exactly the same, what is the problem? I beg for an answer.
  
  
  
  

  Reply to discussion (solution)

  D: Website creation HTML program poetry library pictures
  Change the address to http protocol

  D: Website creation HTML program poetry library picture
  The address is changed to the http protocol

  D: Website creation HTML program poetry library picture
  The address is changed to the http protocol

  How to change it? I am a beginner and just write on txt documents. Do I need to set up a local server?

  D:
  
  Change this part to file:///D|/
  
  and then immediately change the path to /

  It is best not to use the path Use Chinese file:///D:/website creation/HTML program/poetry library pictures/banner.jpg