ఎలా సృష్టించాలి: జాబితా గుంపు

జాబితా గుంపును ఎలా సృష్టించాలి

మొదటి దశ - HTML జోడించండి:

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

రెండవ దశ - CSS జోడించండి:

ul {
  list-style-type: none; /* జాబితా ప్రతీకాలను తొలగించండి */
  padding: 0; /* అంతరాలు తొలగించండి */
  margin: 0; /* పెరిమితి మొత్తం తొలగించండి */
}
ul li {
  border: 1px solid #ddd; /* ప్రతి జాబితా అంశానికి మెరుగు బిడ్డి జోడించండి */
  margin-top: -1px; /* రెండు పరికరాలు నిరోధించండి */
  background-color: #f6f6f6; /* ముదురు బ్యాక్‌గ్రౌండ్ రంగు జోడించండి */
  padding: 12px; /* కొన్ని అంతరాలు జోడించండి */
}

亲自试一试

相关页面

教程：CSS 列表