Belajar CSS Part 10 : Mengubah List Dengan CSS

CSSCSS Dasar

Malas Ngoding

belajar css mengubah list dengan css

Belajar CSS Part 10 : Mengubah List Dengan CSS

Belajar CSS Mengubah List Dengan CSS

CSS memiliki kemampuan untuk memanipulasi atau mengubah list HTML. CSS sangat berguna ketika anda ingin membuat daftar list dengan model tertentu misalnya list yang berbentuk angka, titik, angka romawi dan lainnya. Dengan menggunakan CSS kita dapat memanipulasi list HTML dengan mengubah bentuk tanda listnya. untuk mengubah list HTML dengan CSS kita bisa menggunakan property “list-style-type” yang berarti tipe gaya list.

Untuk mengubah list HTML dengan CSS perhatikan contoh berikut ini.

index.html

style.css

maka hasilnya

Belajar CSS Mengubah List Dengan CSS

Belajar CSS Mengubah List Dengan CSS

Belajar CSS Mengubah List Dengan CSS . dapat di lihat pada contoh di atas bahwa untuk membuat list dengan bentuk square bisa menggunakan property dan value css:

untuk membuat list dengan bentuk lingkaran kecil bisa menggunakan property dan value css:

untuk membuat list dengan bentuk alphabet bisa menggunakan property dan value css:

untuk membuat list dengan bentuk angka romawi bisa menggunakan property dan value css:

sedikit tambahan untuk menghilangkan tanda list anda bisa menggunakan propery dan value sebagai berikut:

 

Sekian lah penjelasan singkat tentang cara mengubah list dengan CSS pada tutorial belajar CSS mengubah list dengan CSS di www.malasngoding.com.

Incoming search terms:

  • cara membuat list lingkaran
  • cara mengubah tipe list ol di css
  • listing css dasar



Write a Comment

Your email address will not be published. Required fields are marked *