Belajar CSS

Belajar Styling List Dengan CSS

Belajar Styling List Dengan CSS
Written by pintasku

Belajar Styling List Dengan CSS – Sebelumnya kita pernah mempelajari Tutorial Cara Membuat Daftar (List) dalam HTML, Nahh untuk sekarang kita akan belajar Bagaimana Cara Styling atau memanipulasi List / daftar menggunakan CSS, oke langsung saja simak tutorialnya berikut ini.

Pada umumnya Pada HTML sebuah daftar/list ini ada 2 jenis, yaitu :

  1. Ordered List <ol> ( untuk membuat daftar / list menggunakan angka atau huruf  )
  2. Unordered List <ul> ( untuk membuat daftar / list menggunakan simbol  )

Untuk lebih jelasnya silahkan baca saja pada tutorial :

Sedangkan untuk cara memanipulasinya itu kita bisa menggunakan sebuah property list-style-type dan list-style-image.

1. Property List Style Type

Property List Style Type memiliki 4 nilai (value), yaitu :

  • circle
  • square
  • upper-roman
  • lower-alpha

Berikut ini adalah contoh penggunaanya dalam HTML.

 

2. Property List Style Image

Nilai (Value) untuk Property List Style Image itu menggunakan sebuah gambar, sesuai dengan nama propertynya, yaitu image.
Supaya bisa lebih mengerti, sekarang sobat buatlah sebuah folder baru, lalu sekarang kita buat halaman HTML dan CSS dengan kode berikut ini dan letakan di folder baru tersebut. Jangan lupa untuk menyimpan sebuah gambar pada folder tersebut.

 

Penggunaan Property List Style Image
Nahh cukup sekian Tutorial Belajar Styling List Dengan CSS semoga tutorial ini bisa membantu dan bermanfaat untuk semuanya. Terimakasih

 

Tentang Penulis

pintasku

Pintasku was established since 2015. Starting from a personal blog and now turned into a group of web developers. Pintasku provides web development, hosting, and domain register services