MEMBUAT LIST DENGAN CSS DAN HTML

Untuk Kode CSSnya :

<style> ul.a {list-style-type: circle;} /*list-bundar*/ ul.b {list-style-type: square;} /*list-kotak*/ ol.c {list-style-type: lower-alpha;} /*list-alphabet*/ ol.d {list-style-type: number;} /*list-bundar*/ ul.e {list-style: square url("https://alamat.url/gambar.png");} /*list gambar*/ </style>

Untuk TAG HTMLnya :

<ul> Daftar List Standart <li>Daftar 1</li> <li>Daftar 2</li> <li>Daftar 3</li> </ul> <ul class="a"> Daftar List bundar <li>Daftar 1</li> <li>Daftar 2</li> <li>Daftar 3</li> </ul> <ul class="b">Daftar List Kotak <li>Daftar 1</li> <li>Daftar 2</li> <li>Daftar 3</li> </ul> <ol class="c">Daftar List Abjad <li>Daftar 1</li> <li>Daftar 2</li> <li>Daftar 3</li> </ol> <ol class="d">Daftar List Nomor <li>Daftar 1</li> <li>Daftar 2</li> <li>Daftar 3</li> </ol> <ol class="e">Daftar Gambar <li>Daftar 1</li> <li>Daftar 2</li> <li>Daftar 3</li> </ol>

Untuk Tampilannya :

Daftar List Standart
• Daftar 1
• Daftar 2
• Daftar 3

Daftar List bundar
• Daftar 1
• Daftar 2
• Daftar 3

Daftar List Kotak
• Daftar 1
• Daftar 2
• Daftar 3

Daftar List Alphabet
1. Daftar 1
2. Daftar 2
3. Daftar 3

Daftar List Nomor
1. Daftar 1
2. Daftar 2
3. Daftar 3

Daftar Gambar
1. Daftar 1
2. Daftar 2
3. Daftar 3