Latest Updates

Buat tabel cara baru pakai css



Kalo buat tabel...biasanya kita buat seperti ini :

<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

Total Pageviews