求教！关于div中的背景图片插入问题！_html/css_WEB-ITnose

我要做一个导航栏。利用无序列表

• 等标签，但是整了一下午都没能把背景图片显示出来。请各位大神帮忙解答一下。
  
  这是这个部分的html代码：
  
  
  
  

  
  
  • 唐诗
  
   
  • 宋词
  
  
  • 诗经
  
  
  • 论语
  
  

  
  
  
  
  
  这是css中这个部分的代码：
  
  
  #header{width:900px;height:100px;margin:0px auto;clear:both;}
  #banner{width:900px;height:25px;margin:0px auto;clear:both;background:url(D:\网站建立\HTML程序\诗词库\图片\banner.jpg)repeat;}
  #banner li{width:225px;line-height:25px;text-align:center;float:left;background:url(D:\网站建立\HTML程序\诗词库\图片\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;}
  
  
  现在并排显示并且居中的功能都已经实现了，就是怎么弄也无法显示出背景图片来，试了很多方法，两张背景图片的大小都和div所设置高宽一模一样，到底哪里出问题了，跪求解答啊。
  
  
  
  

  回复讨论(解决方案)

  D:\网站建立\HTML程序\诗词库\图片
  地址换成http协议的

  D:\网站建立\HTML程序\诗词库\图片
  地址换成http协议的

  D:\网站建立\HTML程序\诗词库\图片
  地址换成http协议的

  怎么换啊？ 我是个初学者，只是单纯的在txt文档上写，需要在本地搭建一个服务器么？

  D:\
  
  这部分改成file:///D|/
  
  然后路径立马的\都改成/

  路径最好不要用中文的file:///D:/网站建立/HTML程序/诗词库\图片/banner.jpg