Dezain

Cara Menghias Tampilan Table Dengan CSS ! - Hallo Dezainers, kali ini kami akan memberikan sebuah tips untuk menghias tampilan table di blog ataupun website kamu nih.

Langkah Pertama,
Cari code ]]></b:skin>

Langkah Kedua,
Lalu copy css dibawah ini

table{
margin:0 auto;
width:320px;
border-collapse:collapse;
background:#ecf3eb;
text-align:center;
}
th, td{
border:10px solid #3498db;
}
th{
padding:8px 0;
background: #0068AD;
color:#ecf0f1;
font-family: 'Fredoka One', cursive;
font-size:25px;
}
td{
padding:4px 8px;
background-color:#34495e;
color:#0068AD;
text-align:center;
font-family: 'Fredoka One', cursive;
}

Terus gimana cara menggunakannya?
Oh iya, hampir lupa.

Gini nih cara pakainya,
<table>
<tr>
<th>HEADER 1</th>
<th>HEADER 2</th>
</tr>
<tr>
<td>Table 1</td>
<td>Table 2</td>
</tr>
</table>

Kami rasa, untuk kali ini kami tidak dapat menjelaskan masing-masing dari element-element yang terkandung dalam css tersebut, alangkah baiknya kamu sendiri yang mencarinya yang pastinya dengan niat yang tinggi sehingga dapat paham dan mengerti ya.

Salam Dezain.