日期:2014-05-17  浏览次数:20856 次

网站导航面包屑CSS


<ul id="crumbs">
<li><a href="#">Home</a></li>
<li><a href="#">Main section</a></li>
<li><a href="#">Sub section</a></li>
<li><a href="#">Sub sub section</a></li>
<li>The page you are on right now</li>
</ul>

ul, li {list-style-type:none;padding:0;margin:0;}
#crumbs {height:2.3em;border:1px solid #dedede;}
#crumbs li {float:left;line-height:2.3em;color:#777;padding-left:.75em;}
#crumbs li a {background:url(crumbs.png) no-repeat right center;display:block;padding:0 15px 0 0;}
#crumbs li a:link,#crumbs li a:visited {color:#777;text-decoration:none;}
a:link, a:visited,#crumbs li a:hover,#crumbs li a:focus {color:#dd2c0d;}
?