CARA MEMBUAT TABEL dengan CSS BORDER

Tabel dengan Border
kode htmlnya sbb:
< table border="1"; class="nice-table">
< tr >
< td >KOLOM 1< /td >
< td >KOLOM 2< /td >
< /tr >
< tr >
< td >KOLOM 3< /td >
< td >KOLOM 4< /td >
< /tr >
< /table >
hasilnya sbb:

KOLOM 1	KOLOM 2
KOLOM 3	KOLOM 4

Tabel dengan judul/head tabel

< table border="1"; class="nice-table" >
< tr >
< th >NAMA< /th >
< th >ALAMAT< /th >

< /tr >
< tr >
< td >BEK RAZAX< /td >
< td >KARAWANG< /td >
< /tr >
< /table >
Hasilnya sbb:

NAMA	ALAMAT
BEK RAZAX	KARAWANG

Tabel dengan 2 judul 3 kolom
< table border="1"; class="nice-table" >
< tr >
< th >NAMA< /th >
< th colspan="2" >NO TELEPON< /th >
< /tr >
< tr >
< td >BEK RAZAX< /td >
< td >123456789< /td >
< td >123456< /td >
< /tr >
< /table >
Hasilnya sbb:

NAMA	NO TELEPON
BEK RAZAX	123456	123456

perhatikan tulisan class="nice-table"
kode tersebut memanggil CSS script nice-table.

CSS scriptnya sebagai berikut:

<!-- Start Nice Table --> 
table th {padding-top: 7px;text-align: left;}
.nice-table {border-collapse: collapse;border-spacing: 0;}
.nice-table tr:first-child th {border-top: 0 none;}
.nice-table th:first-child {border-left: 0 none;}
.nice-table tr:first-child th:last-child {border-right-color: #5C6785;}
.nice-table th {background-color: #5C6785;color: white;font-weight: bold;}
.nice-table th, .nice-table td {border: 1px solid #EBEBEB;padding: 3px 10px;}
.nice-table td {background-color: #E6E6E6; border-color: #E5E5E5 #CCCCCC #E5E5E5 #E5E5E5;color: #444444;}
.nice-table td:last-child { border-right-color: #E5E5E5;}
.nice-table tr:nth-of-type(2n) td { background-color: #FFFFFF; border-right-color: #E5E5E5;}
.nice-table.spaced-table td, .nice-table.spaced-table th {padding: 10px;}
.nice-table.wide {width: 95%;}
.nice-table.narrow {width: 75%;}
.nice-table.narrower {width: 50%;}
.nice-table.narrowest {width: 35%;}
<!-- End Nice Table --> 

copy kode di atas, pergi ke menu template, klik Customize

 Klik Advance, klik ADD CSS, paste kodenya, selesai. Semoga bermanfaat.