Cara Membuat Border Pada Pagination di W3.CSS
Kejujuran sesungguhnya bukan terletak di mulut tetapi di hatimu. Lumayan rasakan dan ikuti, karenanya kebahagiaan disana akan menanti. Oke kesempatan kali ini saya akan berbagi ilmu kepada kalian segala mengenai bagaimana Cara Merancang Border Di Pagination di W3.CSS.
Seandainya di panduan sebelumnya saya memberitahukan kepada kalian mengenai cara mengatur ukuran di pagination, karenanya kini saya akan memberitahukan Cara Merancang Border Di Pagination di W3.CSS. Di Basic Pagination seandainya kalian teliti tak ada border di pagination nya. Nah kini kita akan menambahkan border di pagination nya teman-teman.
Oke seketika saja, pertama-tama silahkan terlebih dahulu siapkan file index.html nya.
Kemudian, isi di bagian <head> link bagi 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 bagi 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 bagi Cara Merancang Border Di Pagination di W3.CSS nya? lumayan gampang bukan?
Sekianlah bagi panduan kali ini, semoga bermanfaat.
Terima kasih
Sumber https://kursuswebsite.org
