Cara Membuat Border Strip Table pada W3.CSS
Kelemahan manusia yaitu sering sekali berbuat salah. Dan kelebihan manusia yaitu dapat belajar dari kesalahannya. Oke masih mengenai table, kali ini saya akan berbagi ilmu kepada kalian mengenai Cara Merancang Border Strip Table di W3.CSS.
Sekiranya sebelumnya saya membahas mengenai Cara Merancang Basic Table di W3.CSS. Oke sesuai judul di atas Cara Merancang Border Strip Table di W3.CSS. Seketika saja kita praktekkan, berikut caranya:
Seperti lazim, siapkan file index.html nya.
Kemudian, isi di bagian <head> link bagi menghubungkan HTML kita dengan library CSS dari 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.
<body class=w3-container>
<h2>Bordered Striped Table</h2>
<p>The w3-bordered class collapses table borders into a single border.</p>
<table class=w3-table w3-striped w3-bordered>
<tr>
<th>First Name</th>
<th>Last Name</th>
<th>Points</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
<tr>
<td>Adam</td>
<td>Johnson</td>
<td>67</td>
</tr>
</table>
</body>
Bagaimana teman-teman? Lumayan gampang bukan?
Demikian bagi panduan kali ini mengenai Cara Merancang Border Strip Table di W3.CSS.
Semoga bermanfaat, terima kasih
Sumber https://kursuswebsite.org
