Berikut ini kode CSS untuk membuat tabel. Tabel ini saya buat dengan nama "tabelku".
| Kode CSS untuk Tabelku |
/* Start tabelku
*/
|
|
table th
{padding-top: 7px;text-align: left;}
|
|
.tabelku
{border-collapse: collapse;border-spacing: 0;}
|
|
.tabelku tr:first-child th {border-top:
0 none;}
|
|
.tabelku th:first-child {border-left: 0 none;}
|
|
.tabelku tr:first-child th:last-child
{border-right-color: #5C6785;}
|
|
.tabelku th {background-color: #5C6785;color: white;font-weight:
bold;}
|
|
.tabelku th, .tabelku td {border: 1px
solid #EBEBEB;padding: 3px 10px;}
|
|
.tabelku
td {background-color: #E6E6E6; border-color: #E5E5E5 #CCCCCC #E5E5E5
#E5E5E5;color: #444444;}
|
|
.tabelku td:last-child { border-right-color: #E5E5E5;}
|
|
.tabelku tr:nth-of-type(2n) td { background-color: #FFFFFF;
border-right-color: #E5E5E5;}
|
|
.tabelku.spaced-table
td, .tabelku.spaced-table th
{padding: 0px;}
|
|
.tabelku.wide
{width: 95%;}
|
|
.tabelku.narrow
{width: 75%;}
|
|
.tabelku.narrower
{width: 50%;}
|
|
.tabelku.narrowest
{width: 35%;}
|
|
/* End tabelku
*/
|
|
No comments:
Post a Comment