这是HTML
<div class="head">
    <div id="Navigation">
        <ul>
            <li><a href="#">Forth</a></li>
            <li><a href="#">Third</a></li>
            <li><a href="#">Second</a></li>
            <li><a class="first" href="#">First</a></li>
        </ul>
    </div>
</div>
这是CSS
#Navigation ul{
    list-style: none;
    height:50px;
    padding-top:20px;
    border-bottom: 5px solid orange;
}
#Navigation ul li{
    float:right;
    margin-top:20px;
}
#Navigation ul li a{
    text-decoration: none;
    display:block;
    width:100px;
    height:30px;
    line-height:30px;
    background: #cccccc;
    margin-bottom: 1px;
    text-align: center;
}
.first,#Navigation ul li a:hover{

    color: white;
    background-color: orange;
    height: 40px;
    line-height: 40px;
    border-radius:5px;
    margin-top: -10px;
}