Ask for advice! The background image in the div cannot be displayed. _html/css_WEB-ITnose

This is my html language:

• Tang Poetry


• Song Poetry


• Book of Songs

The Analects of Confucius

This is my css language:

div,form,img,ul,ol,li,dl,dt,dd{margin:0;padding:0;border:0;text -align:left;}
li{list-style-type:none;}
ul,li {list-style:none;}
a {color:#333; text-decoration:none; }

#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;}




The purpose is to implement a navigation The function of the column, but now it cannot be displayed except for the background image. And the size of the two background images is exactly the same as the size set by my div. Please help me figure out what's wrong with my code.

Reply to discussion (solution)

Not allowed to load local resource
Put it on the server, if it is local You can also change the browser to test

The path is wrong
If it is not an image on the site, start with file:///

file:///D|/Website Creation/HTML Program /Poem Library/Pictures/banner.jpg

If it is a picture under the site, use a virtual path and do not write the drive letter