css制作面包屑导航_html/css

 
HTML
 
CSS
 
JavaScript

 ul{ list-style:none; } li{ float:left; width:200px; height:32px; line-height:32px; background-color:gray; text-align:center; font-size:14px; font-weight:bold; font-family:Arial; position:relative; margin-left:5px; cursor:pointer; } em,i{ display:block; width:0; height:0; border-style:solid; border-width:16px 0 16px 16px; position:absolute; } i{ right:-16px; top:0; border-color:transparent transparent transparent gray; z-index:2; } em{ left:0; top:0; border-color:transparent transparent transparent white; } li:hover{ background-color:orange; color:#FFF; } li:hover i{ border-color:transparent transparent transparent orange; }