How To

Cara Membuat List Tanpa Bullets Di Website

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 */}

Hanifah Nurbaeti

Share
Tags: CSSHow To