CSS Sayfalama Örneği 1

<style type="text/css">
	.sayfalama_kapsul{margin:3px 0px;}
	.sayfalama_kapsul a{display:inline-block;float:left;padding:1px 4px;margin-right:1px;font-size:11px;background:#353C44;color:#fff !important;text-decoration:none;letter-spacing:1px;border-radius:3px;}
	.sayfalama_kapsul a:hover{background:#9A0124;color:#fefefe;}
	.sayfalama_kapsul a.secili{background:#9A0124;color:#fefefe !important;}
</style>

<div class="sayfalama_kapsul">
    <a href="#">1</a>
    <a href="#">2</a>
    <a class="secili" href="#">3</a>
    <a href="#">...</a>
    <a href="#">11</a>
    <a href="#">12</a>
    <a href="#">13</a>
    <a href="#">...</a>
    <a href="#">20</a>
    <a class="secili" href="#">21</a>
</div>