实现效果图：

背景图片：

    
                 
     
        
      
首页
        
      
素材
        
      
图片 
        
      
 图标 
    
     

注意：background:url("img/sprite.gif") no-repeat scroll left top中的left后面的值不可缺少，可以为top、0、-9999px、999px等；

     background-repeat:repeat-x;放在ul或者li均可； 

     如果想让背景边框线呈现如图效果

，可在ul的样式中加入padding-top:10px替代line-height:40px，

     并把ul,ul li,ul li a 此处的ul去掉；

 

     背景图片的尺寸要符合实际导航栏的大小。