CSS to achieve breadcrumbs

 

1, css, pictures can find their own home

<style>

    .breadcrumbs {
        height: 36px;
        line-height: 36px;
        color: #666;
        font-size: 12px;
        font-family: simsun;
        padding-left: 20px;
        background: url("${ctx}/base/system/zhqyConvergence/img/ho.png") left 10px no-repeat;
    }

    .breadcrumbs a {
        color: #666;
        text-decoration: none;
    }
    .breadcrumbs a:hover {
        color: #f60;
    }
    .breadcrumbs span {
        margin: 0 10px;
    }
</style>

 

2、jsp

    <div class="breadcrumbs">
        <a href="#">主页<span>&gt;</span></a>
        <a href="#">主页<span>&gt;</span></a>
        <a href="#">主页<span>&gt;</span></a>
    </div>

 

2, the effect of FIG.