Cara Membuat Border Pada Pagination di W3.CSS

Kejujuran sesungguhnya bukan terletak di mulut tetapi di hatimu. Cukup rasakan dan ikuti, maka kebahagiaan disana akan menanti. Oke kesempatan kali ini saya akan berbagi ilmu kepada kalian semua tentang bagaimana Cara Membuat Border Pada Pagination di W3.CSS.

Jika pada tutorial sebelumnya saya memberitahukan kepada kalian tentang cara mengatur ukuran pada pagination, maka sekarang saya akan memberitahukan Cara Membuat Border Pada Pagination di W3.CSS. Pada Basic Pagination jika kalian teliti tidak ada border pada pagination nya. Nah sekarang kita akan menambahkan border pada pagination nya teman-teman.

Oke langsung saja, pertama-tama silahkan terlebih dahulu siapkan file index.html nya.

Kemudian, isi di bagian <head> link untuk menghubungi dengan W3.CSS nya.

<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">

Setelah itu, isi di bagian <body> tag-tag di bawah ini.

<div class="w3-container">
  <h2>Pagination dengan Border</h2>
  <p>Tambahkan w3-round class setelah w3-border untuk menambahkan border:</p>

  <ul class="w3-pagination w3-border w3-round">
    <li><a href="#">&laquo;</a></li>
    <li><a class="w3-green" href="#">1</a></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="#">&raquo;</a></li>
  </ul>
</div>

Bagaimana teman-teman untuk Cara Membuat Border Pada Pagination di W3.CSS nya? cukup mudah bukan?

Sekian untuk tutorial kali ini, semoga bermanfaat.

Terima kasih

Cara Membuat Border Pada Pagination di W3.CSS

Kategori