Boite a onglets simple

by toubia95

HTML

<ul>
    <li><a href="#">Onglet 1</a></li>
    <li><a href="#">Onglet 2</a></li>
    <li><a href="#" class="current" >Onglet 3</a></li>
</ul>

CSS

ul {
    display: block;
    background: #333;
    padding-left: 10px;
    margin: 10px;
    min-width: 250px;
    border-radius: 5px; /* CSS3 enhancements */
}

li {
    display: inline-block;
    padding-top: 10px;
}

a {
    color: white;
    text-decoration: none;
    font-size: 14px;
    background: #666;
    display: block;
    padding: 5px 10px;
    border-radius: 5px 5px 0 0; /* CSS3 enhancements */
}

.current {
    background: #fff;
    color: black;
}