Iwan Setiawan

Web & graphic designer, illustrator

Love digital design, follow me @intraktives

Satu lagi fitur yang sangat membantu dari CSS3 berkaitan dengan background image yakni multiple background. Dengan fitur ini kita bisa menggunakan 2 atau lebih background image pada satu elemen. Pada CSS2 sebelumnya kita hanya bisa menggunakan satu background image untuk setiap elemen.

Pada tutorial ini saya akan membahas fitur dari CSS3 yakni CSS3 border. Dengan tiga fitur dari CSS border ini kita bisa membuat rounded-corner, memberi efek bayangan (shadow effect) dan membuat border dari image. Sebelum ada fitur ini untuk membuat rounded-corner kita harus dibantu dengan image untuk membentuk rounded-corner. Begitu pula bila kita ingin membuat efek bayangan (shadow effect) kita haru menggunakan image, bisa dibayangkan betapa tidak efektifnya.

Tutorial ini adalah kelanjutan dari tutorial yang sudah di posting sebelumnya yakni artikel (bag.1) . Pada artikel (bag.2) ini saya akan membahas dua pseudo element CSS3 lainnya yakni : ::before dan::after.

Pada tutorial kali ini saya ingin membahas tentang pemakaian pseudo element CSS3. Ada 4 pseudo element CSS3 yang akan kita bahas. Namun tutorial ini kita bagi menjadi 2 artikel yang terpisah. Pada artikel (bag.1) kita akan membahas ::first-line dan ::first-letter, lalu pada artikel (bag.2) kita akan membahas ::before dan ::after.

Tabel menjadi bagian penting di halaman web untuk menampilkan data tabular seperti price list, data penjualan, data pertumbuhan, dan lainnya yang ditampilkan secara tabular. Di tutorial ini kita akan membuat tabel dan stylenya menggunakan CSS3. Dengan adanya CSS3 styling terhadap tabel menjadi lebih mudah.