Di bawah ini kita akan mempelajari cara membuat daftar tidak berurutan tanpa bullets menggunakan CSS.
<!DOCTYPE html> <html> <head> <style> ul.no-bullets { list-style-type: none; margin: 0; padding: 0; } </style> </head> <body> <p>Default list:</p> <ul> <li>Pepsi</li> <li>Teh Manis</li> <li>Coca Cola</li> </ul> <p>Remove bullets, margin and padding:</p> <ul class="no-bullets"> <li>Pepsi</li> <li>Teh Manis</li> <li>Coca Cola</li> </ul> </body> </html>
Cara Membuat List Tanpa Bullets
Properti list-style-type: none dapat digunakan untuk menghapus penanda / poin default dalam daftar. Perhatikan bahwa daftar juga memiliki margin dan padding default. Untuk menghapus ini juga, tambahkan margin: 0 dan padding: 0 ke <ul>:
Contoh
ul.no-bullets {
list-style-type: none; /* Hapus bullets */
padding: 0; /* Hapus padding */
margin: 0; /* Hapus margins */
}