Blog Request tutorial? klik disini!

  • Membuat Efek Table Zebra Dengan CSS3

    Ditulis oleh: Renra Iwa Sedoya
    1136 kali dibaca
    05 Jan / 2014 10:20

    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.






Baca juga

Rukan Artha Gading Niaga Blok i - 23, Jalan Boulevard Artha Gading

Kelapa Gading, Jakarta Utara 14240

(Belakang Mall Artha Gading)

Telp: (021) 4585-0387


Ruko Permata Regensi Blok B - 18, Jalan Haji Kelik

Srengseng, Kebon Jeruk, Jakarta Barat 11630

(Depan Hutan Kota Srengseng)

Telp: (021) 5890-8355


Ruko Jalan Taman Daan Mogot Raya No. 23

Kel. Tanjung Duren Utara Kec. Grogol Petamburan, Jakarta Barat 11470

(Belakang Mall Citraland dan Kampus UNTAR II)

Telp: (021) 2941-1188


Ruko Jalan Kartini Raya No. 53

Pancoran Mas, Depok 16436

(± 5 Menit dari Kantor Walikota Depok)

Telp: (021) 7720-7657


Rukan Crown Palace Blok A no 12, Jl Prof Dr Soepomo no 231 (Samping Universitas Sahid).

Kec. Tebet, Kel. Menteng Dalam.

(± 1 Menit dari Tugu Pancoran)

Jakarta Selatan 12870

Telp: (021) 2298-3886

Buka setiap hari Senin - Minggu jam 09.00 s/d 21.00

SMS: 0851-0055-5666 / 0819-7555-666 / 0812-9933-3913 / 0812-9393-3210 / 0812-1999-9155