CSS Pagination di CodeIgniter

Setelah pada tutorial sebelumnya saya membuat bagaimana CodeIgniter menangani Pagination, pada tutorial berikut ini,
saya akan mendesain pagination yang telah saya buat sebelumnya. Yaitu baris link angka pada pagination kita buat layaknya tombol. Langkahnya cukup mudah, kita hanya mensettingnya malalui css saja. Kopikan css berikut ini pada file css yang akan diload.

/* PAGINATION CODE IGNITER*/
div.pagination
{
    padding: 3px;
    margin: 3px;
}

div.pagination a
{
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #AAAADD;
    text-decoration: none; /* no underline */
    color: #000099;
}

div.pagination a:hover, div.pagination a:active
{
    border: 1px solid #000099;
    color: #000;
}

div.pagination span.current
{
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #000099;
    font-weight: bold;
    background-color: #993300;
    color: #FFF;
}
div.pagination span.disabled
{
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #EEE;
    color: #DDD;
}

Kemudian pada kode untuk menampilkan pagination kita masukkan ke dalam div dengan class='pagination'. Lihat kode berikut :

echo "
".$this->pagination->create_link()."
";

Setelah itu buka browser anda dan lihat perubahannya. Jika belum berhasil, anda dapat meninggalkan pesan.