Cara Membuat Pagination Active dengan W3.CSS
Terucaplah dengan kata yg manis. akan tetapi tiada guna berucap manis, sekiranya setiap kata yg kau ucapkan yakni ketidakjujuran. Oke di kesempatan kali ini saya akan berbagi ilmu kepada kalian mengenai bagaimana Cara Merancang Pagination Active dengan W3.CSS.
Panduan pagination yang sudah-sudah kemarin yakni Basic Pagination dan Pagination Arrows. Nah kali ini saya akan memberitahukan kepada kalian mengenai Cara Merancang Pagination Active dengan W3.CSS. Yang dimaksud dengan Pagination Active yakni tombol pagination nya sedang aktif di halaman tersebut.
Contoh pagination yang aktif sedang di halaman 2,
Penampakan nya seperti ini teman-teman:
Oke seketika saja, pertama-tama silahkan teman-teman bikin terlebih dahulu file index.html nya.
Kemudian isi di bagian <head> link library 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 Active</h2>
<p>Ini yakni pagination yang sedang aktif di halaman kedua:</p>
<ul class=w3-pagination>
<li><a href=#>laquo;</a></li>
<li><a href=#>1</a></li>
<li><a class=w3-green 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 Merancang Pagination Active dengan W3.CSS nya? lumayan gampang bukan?
Demikianlah bagi panduan kali ini, semoga bermanfaat.
Terima kasih
Sumber https://kursuswebsite.org
