Search Results

by Joe Saad

HTML

<div id="category_tabs">
<ul>
    <li><a href="#">rhoncus</a></li>
    <li><a href="#">nisl</a></li>
    <li><a href="#">ac</a></li>
    <li><a href="#">diam </a></li>
    <li><a href="#">viverra </a></li>
    <li><a href="#">ultrices</a></li>
    <li><a href="#">Vestibulum </a></li>
</ul>
</div>

CSS

#category_tabs ul {none outside none; margin:0; padding:0;}

#category_tabs ul li {
    background: none repeat scroll 0 0 #aaa;
    border-radius: 10px 10px 10px 10px;
    display: block;
    float: left;
    font-size: 12px;
    margin: 3px;
    padding:3px 7px; 
}

#category_tabs ul li:hover{background-color:#000033;}
#category_tabs ul li a {    text-decoration:none;
    color:#fff;}