Membuat Table Sederhana Dengan CSS

On March 05, 2008 in Web Design

Saya asumsikan anda sudah bisa membuat code html pada umunya dan pemanggilan CSS.

Berikut ini adalah code untuk html tabelnya:

 <table>
<tr>
<th>Name</th>
<th>Position</th>
<th>Date Added</th>
</tr>
<tr>
<td>Hendra Ruswandi</td>
<td>UI Designer</td>
<td>14/02/2008</td>
</tr>
<tr>
<td>Irfan Satriadarma</td>
<td>Web Programmer</td>
<td>10/02/2008</td>
</tr>
<tr>
<td>Andik Taufiq</td>
<td>UI Designer</td>
<td>11/01/2008</td>
</tr>
<tr>
<td>M. Shalahudin</td>
<td>Quality Assurance</td>
<td>05/01/2008</td>
</tr>
</table>

Berikut adalah code pada CSS:

table {
border-collapse: collapse;
margin: 10px 0px;
}
th {
background:#851315;
height: 25px;
padding-left: 12px;
padding-right: 12px;
font-size:11px;
color: #fff;
text-align: center;
border: 1px solid #851315;
border-bottom: 2px solid #EDB450;
}
tr {
height: 25px;
background: #fff;
}
td {
padding-left: 12px;
padding-right: 12px;
border: 1px solid #BBB;
font-size:11px;
text-align:center;
}

Comments (1)