Cara Mengatur Ukuran Pagination W3.CSS

Setiap awal pasti ada akhir, setiap masalah pasti ada solusi. Jangan menyerah, percaya diri. Yakinlah bahagia menantimu. Oke apa kabar semuanya? terbaik dan nomor satu nya pasti nya. Pada kesempatan kali ini saya akan berbagi ilmu kepada kalian tentang bagaimana Cara Mengatur Ukuran Pagination W3.CSS.

Seperti judul nya Cara Mengatur Ukuran Pagination W3.CSS, disini saya akan memberitahukan kepada teman-teman cara mengatur ukuran dari pagination tersebut. Pada W3.CSS ini sudah disiapkan class-class yang siap dipakai oleh pengguna. jadi tidak harus lagi kita mainkan di custom CSS kita.

Oke langsung saja, kita praktekkan caranya.

Pertama-tama, seperti biasa terlebih dahulu siapkan file index.html nya.

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

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

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

<div class="w3-container">
  <h2>Pagination Size</h2>
  <p>w3-tiny, w3-small, w3-large, w3-xlarge, w3-xxlarge atau w3-xxxlarge untuk mengubah ukuran pagination:</p>

  <ul class="w3-pagination w3-xlarge">
    <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 Mengatur Ukuran Pagination W3.CSS nya? cukup mudah bukan?

Sekian untuk tutorial kali ini, semoga bermanfaat.

Terima kasih

Cara Mengatur Ukuran Pagination W3.CSS

Kategori