Membuat Multiple Kolom dengan CSS3

26/01/2014    Renra Sedoya    1211     Website

Dengan CSS3 kita dapat membuat layout  multiple kolom untuk teks seperti multiple kolom yang sering kita lihat pada koran, majalah, atau buku. Pada layout  multiple kolom ini kita juga dapat mengatur jarak antar pembagian kolom tersebut dan juga memberikan garis pembatas antara kolom.

Berikut ada 3 property yang harus kita ketahui dalam membuat multiple kolom, antara lain:

column-count, berfungsi untuk menentukan jumlah atau banyaknya kolom yang diinginkan.
column-gap, berfungsi untuk menentukan jarak antar kolom.
column-rule, berfungsi untuk memberikan garis pembatas antar kolom.

Yuk kita langsung praktek aja !

Silahkan buat kode HTMLnya seperti berikut:

kursus web design css, membuat multiple kolom dengan css

Dan, CSSnya seperti ini:

kursus html css, kursus web design, belajar web design

Save, dan jika dilihat hasilnya dibrowser maka akan seperti ini:

belajar membuat website, kursus web dengan html css

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