Cara Membuat Pagination dengan Hover Color di W3.CSS
Amat menyedihkan bila seseorang yang kamu kenal menjadi seseorang yang telah kamu kenal. Di kesempatan yang telah diberikan kali ini saya akan berbagi ilmu kepada kalian mengenai bagaimana Cara Merancang Pagination dengan Hover Color di W3.CSS.
Panduan kali ini di ajarkan Cara Merancang Pagination dengan Hover Color di W3.CSS. Hover color nya dapat kita bikin sesuka kita teman-teman. Jikalau kalian ingin merancang hover nya tiap tombol berbeda-beda warna pun tak apa-apa teman-teman hehe.
Oke seketika saja, seperti lazim pertama-tama silahkan teman-teman bikin terlebih dahulu file index.html nya.
Kemudian, isi di bagian <head> nya link bagi menghubungkan html kita dengan library CSS nya W3.CSS.
<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 Hover Color</h2>
<p>Coba teman-teman arahkan kursor nya di tiap tombol pagination nya.</p>
<ul class=w3-pagination>
<li><a href=# class=w3-hover-purple>laquo;</a></li>
<li><a href=# class=w3-hover-green>1</a></li>
<li><a href=# class=w3-hover-red>2</a></li>
<li><a href=# class=w3-hover-blue>3</a></li>
<li><a href=# class=w3-hover-black>4</a></li>
<li><a href=# class=w3-hover-orange>raquo;</a></li>
</ul>
</div>
Bagaimana teman-teman bagi Cara Merancang Pagination dengan Hover Color di W3.CSS nya? lumayan gampang bukan?
Demikian bagi panduan kali ini, semoga bermanfaat.
Terima kasih
Sumber https://kursuswebsite.org
