-

Belajar CSS Part 10 : Mengubah List Dengan CSS


belajar css 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:

  • Mempercantik html d
  • cara membuat macam macam list dengan css
  • cara buat list di css
  • membuat soft link css
  • List centang html
  • cara belajar css part 10 malasngoding
  • buat list dengan css
  • cara memberikan css pada orderlist html
  • ubah list li class
  • cara membuat list css



Diki Alfarabi Hadi

Coding enthusiast. Someone who love learn something new. especially about web programming and web design. happy to share about knowledge and learn from other.

TUTORIAL MENARIK LAINNYA

Membuat Lingkaran Dengan CSS

Membuat Lingkaran Dengan CSS Membuat Lingkaran Dengan CSS – Pada tutorial ini kita akan belajar membuat lingkaran atau nembuat bulat dengan menggunakan CSS. Memang mungkin ...
Membuat Template Web Responsive Dengan HTML dan CSS
Cara Membuat Text Di Tengah Dengan HTML dan CSS
cara disable resize form textarea dengan css
Diskusi
Tidak Ada Komentar

Tulis Komentar / Pertanyaan

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