Cara Mendesain Paging Menggunakan Css

Cara Mendesain Paging Menggunakan Css 

Pada postingan kali ini saya akan menberitahukan bagaimana cara mendesai sebuah paging menggunakan css. Dengan menggunakan css, tampilan paging kita semakin keren dan lebih bagus dari paging yang belum di desain. Ok mari kita mulai tahap-tahapnya : 1. Buatlah halaman baru dihalaman text editor, dan beri nama file index.php . Lalu ketikkan script dibawah ini :

Desain Paging Menggunakan CSS

1 2 3 4 5 Last

2. Lalu kita buat style cssnya. Copas script dibawah : @charset "utf-8"; /* CSS Document */ #conatiner { background:#CCC; padding:20px; } .page { display:inline-block; padding:5px 9px; margin-right:4px; border-radius:3px; border:1px solid #999; background:#06F; font-size:12px; font-weight:bold; text-decoration:none; color:#FFF; text-transform:capitalize; } .page:hover { background:#333; } .active, .active:hover { background:#757272; border-color:#403C3C; color:e9e9e9; cursor:default; } .p { font-family:"Comic Sans MS", cursive; } Maka hasilnya seperti dibawah ini.

Somoga bermanfaat dan terima kasih ^_^