Membuat List Multi Kolom dengan CSS

Dalam pengembangan aplikasi berbasis web, HTML merupakan salah satu “bahan” dasar yang harus dikuasai oleh seorang pengembang web (web developer). HTML berisi sekumpulan perintah yang mengatur keberadaan berbagai obyek di dalam halaman web, seperti tabel, gambar, paragraf, list atau daftar dan sebagainya. Sementara itu, CSS (Cascading Style Sheet) serta Javascript juga berperan penting dalam pengembangan web sebagai pemanis tampilan dan menambah fungsionalitas halaman web.

List atau daftar merupakan salah satu komponen dasar yang cukup penting dari halaman web. List dapat dibuat dengan tag <ol> untuk daftar terurut dan <ul> untuk daftar tidak terurut. Sementara untuk menambahkan list item pada suatu daftar dapat menggunakan tag <li>. Pada umumnya list atau daftar ditampilkan dalam satu kolom, namun dalam tutorial ini, akan dijelaskan bagaimana membuat suatu list dalam multi kolom dengan menggunakan CSS dan juga CSS3. List multi kolom terkadang digunakan untuk menyajikan suatu daftar namun dengan area yang terbatas, atau bisa juga digunakan dalam membuat menu navigasi.

css-multiple-list

Read More