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>
Didukung oleh : Afandi, Blogger, Pagar Omasae, GMP, Properti Islami, OmaSae, Bisa Mulia, -JayaSteel- - |