เพิ่มเส้นขอบซ้ายสีน้ำเงินให้รายการด้วย CSS

border-left ให้ ul

ใช้ border-left: 3px solid blue เพื่อสร้างเส้นขอบซ้ายสีน้ำเงินให้รายการ

ตัวอย่าง

<!DOCTYPE html>
<html>
<head>
  <style>
    ul {
      border-left: 3px solid blue;
      background-color: gray;
    }
  </style>
</head>
<body>
  <p>Countries</p>
  <ul>
    <li>India</li>
    <li>US</li>
    <li>Australia</li>
  </ul>
</body>
</html>