当前位置:Gxlcms > html代码 > 求教!关于div中的背景图片插入问题!_html/css_WEB-ITnose

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

时间:2021-07-01 10:21:17 帮助过:20人阅读

我要做一个导航栏。利用无序列表
  • 等标签,但是整了一下午都没能把背景图片显示出来。请各位大神帮忙解答一下。

    这是这个部分的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

人气教程排行