สร้างรายการมีขอบไม่มีจุดนำหน้าด้วย CSS

list-style-type: none และ border

ใช้ list-style-type: none เพื่อซ่อนจุดนำหน้า และเพิ่ม border ให้ <ul>

ตัวอย่าง

<!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>