कैसे बनाया जाता है: सूची समूह

सूची समूह कैसे बनाया जाता है

पहला कदम - 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 {
  लिस्ट-स्टाइल-टाइप: none; /* सूची संकेत नष्ट करें */
  पैडिंग: 0; /* आंतरिक गलियारा हटाया जाता है */
  मार्ग: 0; /* बाह्य गलियारा हटाया जाता है */
}
ul li {
  बॉर्डर: 1पाइक्स सॉलिड #ddd; /* प्रत्येक सूची आइटम को थोड़ी बॉर्डर जोड़ें */
  मार्ग-उपर: -1पाइक्स; /* दोनों ओर की फ्रेम को बचाया जाता है */
  बैकग्राउंड-कलर: #f6f6f6; /* ग्रे बैकग्राउंड कलर जोड़ें */
  पैडिंग: 12पाइक्स; /* अधिक आंतरिक गलियारा जोड़ें */
}

亲自试一试

相关页面

教程：CSS सूची