<h2>面包屑导航</h2>

<ul class="breadcrumb">

  <li><a href="#">首页</a></li>

  <li><a href="#">分类页</a></li>

  <li><a href="#">二级分类页</a></li>

  <li>文章页</li>

</ul>

ul.breadcrumb {

    padding: 10px 16px;

    list-style: none;

    background-color: #eee;

    font-size: 17px;

}

ul.breadcrumb li {display: inline;}

ul.breadcrumb li+li:before {

    padding: 8px;

    color: black;

    content: "/\00a0";

}

ul.breadcrumb li a {

    color: #0275d8;

    text-decoration: none;

}

ul.breadcrumb li a:hover {

    color: #01447e;

    text-decoration: underline;

}