Membuat Efek Table Zebra dengan CSS3

05/01/2014    Renra Sedoya    1177     Website

Pernahkah anda membuat desain table dengan MS. Office Word? Kemudian anda memberikan tampilan yang bagus dengan memberikan perbedaan warna yang berulang pada setiap barisnya. Nah, dengan CSS3 kita juga bisa membuat desain table seperti itu. Caranya sangat mudah, tanpa pikir panjang lagi yuk kita coba membuatnya.

Pertama, anda mesti buat dulu struktur tablenya dalam HTML seperti berikut:

kursus web design

Jika sudah, silahkan berikan kode CSS seperti berikut:

kursus website

Nah, jika anda simpan dokumen HTML dan CSSnya, kemudian anda lihat di browser maka akan tampil desain table seperti gambar di bawah ini:

kursus web programming

Selamat mencoba, jika masih ada yang tidak mengerti silahkan bertanya. Sampai jumpa di tips trik berikutnya.

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More