网站领航面包屑CSS

网站导航面包屑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;}