Friends

Jumat, 08 Maret 2013

Membuat Table dengan CSS

Bagi anda yang merasa malas mengetik tag tabel html ketika membuat website, terkadang lebih suka untuk mencari template table sehingga anda dapat langsung membuat tabel html dengan lebih cepat. Selain lebih mudah, anda juga dapat mencari CSS yang sudah fix sehingga anda tidak perlu menuliskan code CSS dari awal. Hal tersebut tentu saja akan mempercepat proses anda untuk membuat website.

Berikut adalah contoh tabel dengan menggunakan atribut style. Style "margin:0 auto" di dalam tag <table> dibawah adalah untuk membuat posisi tabel tersebut agar berada pada tengah dokumen, width adalah lebar dari tabel, dalam contoh adalah 80% berarti lebar dari tabel tersebut adalah 80% dari lebar jendela browser kita.
Kode HTML dan Ramuan CSS kita:




 Hasilnya seperti terlihat disini.

Contoh Tabel dengan CSS

Header Kolom 1 Header Kolom 2 Header Kolom 3
Data Cell Data Cell Data Cell
Data Cell Data Cell Data Cell

1 komentar: