Table

No. Nama Kota
1 Igniel Sukabumi
2 Rain Bandung
3 RedSky Jakarta
4 Queen Bekasi
5 Bjita Tangerang
6 Alphabetees Bogor



Tabel diatas menggunakan code ccs dan html sebagai berikut: 

<style>
  table{border-collapse:collapse;border-spacing:0}
  td,th{padding:0}
.post-body table{
width:100%;
max-width:600px;
margin:20px 0px;
}
.post-body table th{
background-color:#4267b2;
font-weight:600;
color:#fff;
padding:10px;
border:1px solid #4267b2;
}
.post-body table th:not(:last-child){
border-right-color:#ccc;
}
.post-body table td{
border:1px solid #ccc;
padding:10px;
}
.post-body table tr:nth-child(odd){
background-color:#f1f1f1;
  border:1px solid #4267b2;
}
</style>

<h2>Table</h2>
<table><thead><tr><th>No.</th> <th>Nama</th> <th>Kota</th></tr></thead>
<tbody><tr><td>1</td> <td>Igniel</td> <td>Sukabumi</td></tr>
<tr><td>2</td> <td>Rain</td> <td>Bandung</td></tr>
<tr><td>3</td> <td>RedSky</td> <td>Jakarta</td></tr>
<tr><td>4</td> <td>Queen</td> <td>Bekasi</td></tr>
<tr><td>5</td> <td>Bjita</td> <td>Tangerang</td></tr>
<tr><td>6</td> <td>Alphabetees</td> <td>Bogor</td></tr></tbody></table>

https://w.omasae.com/2022/01/table.html




Didukung oleh : Afandi, Blogger, Pagar Omasae, GMP, Properti Islami, OmaSae, Bisa Mulia, -JayaSteel- - |