求解怎样制作出这种样式_html/css_WEB-ITnose

     这种样式怎么制作出来？自己是新手，请帮助，谢谢！

回复讨论(解决方案)

背景图片。。

恩， 用两张图片显示， 当鼠标移进去的时候换成绿色背景的，移出来时换回来~

我可能没描述清楚，完整的图是这样的 ，点击“用户注册”就会跳到激活账号这一步，然后背景换成绿色,这样怎么实现？

js 改变class
http://www.w3school.com.cn/jquery/attributes_addclass.asp
http://www.w3school.com.cn/jquery/attributes_removeclass.asp

那这个样式是不是用四张图片构成的？

css:ul{width:500px;float:left;margin-top:20px;}ul li{    margin-left:-10px;    display:inline-block;    height:26px;    line-height: 24px;    width:120px;    text-align:center;    float:right;    background-color: grey;border: 1px solid white;/*换成灰色背景图片×/}     #cur{background-color: blue;border: 2px solid yellow;} /×换成绿色背景图片*/html:
    
        step 4    
    
        step 3    
    
        step 2    
    
        step 1    

 
面包屑一
面包屑二
面包屑二