Bagaimana membuat: grup daftar

Bagaimana membuat grup daftar

Keterangan ke-1 - Tambahkan HTML:

<ul>
  <li>Adele</li>
  <li>Agnes</li>
  <li>Billy</li>
  <li>Bob</li>
  <li>Calvin</li>
  <li>Christina</li>
  <li>Cindy</li>
</ul>

Keterangan ke-2 - Tambahkan CSS:

ul {
  list-style-type: none; /* Menghapus tanda daftar */
  padding: 0; /* Menghapus jarak dalam */
  margin: 0; /* Menghapus jarak luar */
}
ul li {
  border: 1px solid #ddd; /* Menambahkan garis sempit untuk setiap item daftar */
  margin-top: -1px; /* Menghindari bingkai ganda */
  background-color: #f6f6f6; /* Menambahkan warna latar belakang abu-abu */
  padding: 12px; /* Menambahkan beberapa jarak dalam */
}

Coba sendiri

Halaman yang berhubungan

Panduan:Daftar CSS