CSS से बॉर्डर वाली बुलेट-रहित सूची बनाएं

list-style-type: none और बॉर्डर का उपयोग

सूची (<ul> या <ol>) से बुलेट्स हटाने के लिए list-style-type: none का उपयोग करें, और बॉर्डर जोड़ने के लिए border प्रॉपर्टी का उपयोग करें।

उदाहरण

<!DOCTYPE html>
<html>
  <head>
    <style>
      ul {
        background-color: orange;
        padding: 10px 20px;
        list-style-type: none;
        border: 2px solid black;
      }
    </style>
  </head>
  <body>
    <p>Countries</p>
    <ul>
      <li>India</li>
      <li>US</li>
      <li>Australia</li>
    </ul>
  </body>
</html>

टिप: <li> एलिमेंट्स पर भी पैडिंग/मार्जिन एडजस्ट करें ताकि टेक्स्ट बॉर्डर से न टकराए।