Cara Mengatur Ukuran Pagination W3.CSS

Setiap awal pasti ada ahir, setiap masalah pasti ada solusi. Jangan menyerah, percaya diri. Yakinlah bahagia menantimu. Oke apa kabar semuanya? terbaik dan nomor satu nya pasti nya. Di kesempatan kali ini saya akan berbagi ilmu kepada kalian mengenai 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. Di W3.CSS ini telah disediakan class-class yang siap dimanfaatkan oleh pengguna. jadi tak mesti lagi kita mainkan di kustom CSS kita.



Oke seketika saja, kita praktekkan caranya.



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



Kemudian, isi di bagian <head> link bagi 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 bagi 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 bagi Cara Mengatur Ukuran Pagination W3.CSS nya? lumayan gampang bukan?



Demikianlah bagi panduan kali ini, semoga bermanfaat.



Terima kasih




Sumber https://kursuswebsite.org

Popular posts from this blog

Membuat Form Menarik Menggunakan HTML dan CSS

Cara Menghapus Isi Dari Form Input Menggunakan Javascript