Howa kuundwa: Kikundi cha orodha

Mwongozo wa kueleza kuhakikisha CSS kuwa kikundi cha orodha kwa orodha ya kawaida.

  • Adele
  • Agnes
  • Billy
  • Bob
  • Calvin
  • Christina
  • Cindy

亲自试一试

Howa kuundwa kikundi cha orodha

Tena - Ongeza HTML:

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

Tena - Ongeza CSS:

ul {
  list-style-type: none; /* Kusikia mabara ya orodha */
  padding: 0; /* Kusikia matokeo ya kuuzaa */
  margin: 0; /* Kusikia matokeo ya kikotoa */
}
ul li {
  border: 1px solid #ddd; /* Kuingiza kijivu kikawa kwa kila kina ya orodha */
  margin-top: -1px; /* Kusikia mabara ya kikotoa kikuuzaa */
  background-color: #f6f6f6; /* Kuingiza rangi ya mabara ya kijani */
  padding: 12px; /* Kuingiza matokeo ndani ya kuuzaa */
}

亲自试一试

相关页面

教程：CSS 列表