我想把图片作为淘宝导航条背景,效果如图,求大神CSS代码指点

950pxX30px

先是HTML代码

<div  class="d1">

<ul>

<li><a href="#">首 页惊喜</a></li>

<li><a href="#">所有商品</a></li>

<li><a href="#">空气净化器</a></li>

<li><a href="#">智能门锁</a></li>

<li><a href="#">净化器滤网</a></li>

<li><a href="#">锁架</a></li>

<li><a href="#">配件</a></li>

</ul>

  </div>


*{

margin:0px;

padding:0px;

}


.d1 a{

text-decoration:none;

color:white;height:28px;

line-height:28px;font-weight:bold;

padding:0 20px;

}

.d1 li{

list-style-type:none;float:left;

background:url(../images/forumMenuBg.gif) right center no-repeat;

}

.d1 ul{

width:960px; height:28px;

background:#383838;


}

.d1 a:hover{

display:block;

background:url(../images/forumMenuBg.jpg) 0 0 repeat-x;

}

这是我以前写的导航代码,图片和颜色你自己改下,希望能够帮到你!

追问

图片在哪里,怎么改啊?

温馨提示:答案为网友推荐,仅供参考
第1个回答  2015-11-03
你用PS把这个弄出来,在加上去就好了