CSS : Mendesain Tabel Cantik

css tabel cantik

Tabel adalah hal yang mutlak harus dibuat dan didesain sebagus mungkin karena semua aplikasi membutuhkan tabel sebagai sarana untuk menampilkan data.
Desain tabel yang bagus yang bagaimana?.
Kalau menurut saya ya yang enak dilihat mata sadja.

Pada artikel ini saya akan berbagi tabel yang saya desain dengan menggunakan HTML dan CSS.
Desain yang saya buat terkesan minimalis dan saya banyak menggunakan warna-warna soft agar enak dan membuat betah jika dilihat.

Sebagai bocoran inilah hasil akhir dari tabel yang saya buat
tabel cantik

Kita ikuti langkah prosedural dalam mendesain tampilan web ya.
Yaitu pertama membuat HTML terlebih dahulu baru kemudian CSS nya.
Dan Berikut ini adalah kerangka HTML nya

Dan berikut CSS nya

Simpel sebenarnya styling CSS diatas.
Dalam bermain-main dengan CSS hal yang utama adalah kreativitasnya. Kalau sudah ada gambaran mau bikin desain yang seperti apa kita tinggal menumpahkan ide desain kita ke html+css

Untuk DEMO bisa klik link ini

Facebook Comments
 

Agung Setiawan

Agung Setiawan adalah software engineer di BukaLapak.com, penulis sekaligus pecinta sastra, dan pembaca buku

 
Halo, perkenalkan saya Agung Setiawan.
Saya Software Engineer di BukaLapak.
Simak pemikian saya soal dunia Software Engineering via Twitter di @agungsetiawanmu dan facebook
Blog ini saya update seminggu sekali jadi sering-sering saja mampir
Mau belajar Vim bareng saya?
Belajar ngoding dari nol menggunakan PHP

One thought on “CSS : Mendesain Tabel Cantik

Leave a Reply

Your email address will not be published. Required fields are marked *