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

  Statement：

  The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：cnzz code adds elements to page_html/css_WEB-ITnoseNext article：cnzz code adds elements to page_html/css_WEB-ITnose

Related articles

See more

• Summary of Html knowledge
• How to learn HTML quickly
• The difference between html xhtml xml
• The difference between src and href attributes
• About HTML5 and CSS replacement use