<table border="1">
<tr><td width="100">Caption 01</td><td width="200">Caption 02</td></tr>
<tr><td>Data 01</td><td>Data 02</td></tr>
<tr><td>Data 01</td><td>Data 02</td></tr>
</table>
Setiap kolom dr tabel diatas mempunyai lebar 100px dan 200px. Tetapi dgn CSS, lebar kolom dpt diatur sedemikian rupa. Begini caranya : ada sebuah tabel dgn bentuk dibawah ini...
<table border="1" id="tabelku">
<tr><td>Caption 01</td><td>Caption 02</td></tr>
<tr><td>Data 01</td><td>Data 02</td></tr>
<tr><td>Data 01</td><td>Data 02</td></tr>
</table>
maka css nya disusun seperti di bawah ini...
#tabelku td:nth-child(1) {
width:50px; // lebar kolom 1=50px
height:40px;
background-color:#FF9900;
font-weight:bold;
}
#tabelku td:nth-child(2) {
width:100px; // lebar kolom 2=100px
height:40px;
background-color:#FF9900;
font-weight:bold;
}
Horas !!!
0 Response to "Buat tabel cara baru pakai css"
Post a Comment