<style>

body {

    font-size: 100%;

    color: #333;

    background: #FFF;

    font-family: Arial, Helvetica, sans-serif;

}

#sayfalar {

    padding: 3px;

}

#sayfalar ul {

    list-style-type: none;

}

#sayfalar li {

    float: left;

    display: inline;

    margin: 0 5px 0 0;

    display: block;

}

#sayfalar li a {

    color: #88af3f;

    padding: 4px;

    border: 1px solid #ddd;

    text-decoration: none;

    float: left;

}

#sayfalar li a:hover {

    color: #638425;

    background: #f1ffd6;

    border: 1px solid #85bd1e;

}

#sayfalar li.linksiz {

    color: #CCC;

    border: 1px solid #F3F3F3;

    padding: 4px;

}

#sayfalar li.aktif {

    color: #FFF;

    border: 1px solid #b2e05d;

    padding: 4px;

    background: #b2e05d;

}

</style>						

<div id="sayfalar">

    <ul>

        <li class="linksiz"> « Önceki Sayfa</li>

        <li class="aktif">1</li>

        <li><a href="#">2</a></li>

        <li><a href="#">3</a></li>

        <li><a href="#">4</a></li>

        <li><a href="#">5</a></li>

        <li><a href="#">6</a></li>

        <li><a href="#">7</a></li>

        <li><a href="#">8</a></li>

        <li><a href="#">9</a></li>

        <li><a href="#">10</a></li>

        <li><a href="#">Sonraki Sayfa  »</a></li>

    </ul>

</div>