Baiklah kali ini saya akan memberikan tutorial bagaimana membuat list kolom dengan bantuan CSS 3 . Langsung saja berikut tutorialnya :
Penggunaan list pada HTML sering sekali kita gunakan untuk kebutuhan website yang sedang kita bangun , membuat list pada HTML sendiri adalah menggunakan tag <UL> dan <LI> .
Disini saya mempunya tiga List yang masing-masing list nantinya akan kita bagi menjadi dua kolom , tiga kolom dan empat kolom.
Dengan menggunakan bantuan CSS3 kita akan membagi tiap list sesuai dengan jumlah kolom yang kita mau.
Perintah css3 untuk membagi list menjadi dua kolom adalah seperti gambar di atas. Dan hasilnya akan seperti berikut :
Perintah css3 untuk membagi list menjadi tiga kolom adalah seperti gambar di atas. Dan hasilnya akan seperti berikut :
Perintah css3 untuk membagi list menjadi tiga kolom adalah seperti gambar di atas. Dan hasilnya akan seperti berikut :
Dengan menggunakan CSS3 kita dapat membagi listnya menjadi beberapa kolom sesuai yang kita inginkan dengan mudah. Oke berakhir sudah tutorial membuat List Multi Kolom Dengan CSS 3 . Sampai bertemu pada artikel selanjutnya.
Terimakasih.