<style>
  * {
    font-family: verdana;
    margin: 0;
    padding: 0;
    font-size: 1em;
  }

  div {
    width: 300px;
    margin: 50px auto;
  }

  ul {
    border-bottom: 1px solid #aaa;
    padding: 3px 0;
  }

  li {
    display: inline;
    margin: 0 0.5em;
  }

  a {
    text-decoration: none;
    border: 1px solid #aaa;
    border-bottom: 1px solid #eee;
    padding: 2px 4px;
    background: #eee;
  }

  li.active a {
    background: #fff;
    border-bottom: 2px solid #fff;
  }
</style>

<div>
  <ul>
    <li class="active"><a href="#">view</a></li>
    <li><a href="#">edit</a></li>
    <li><a href="#">devel</a></li>
  </ul>
</div>