Computer >> Máy Tính >  >> Lập trình >> CSS

Tạo danh sách có đường viền không có dấu đầu dòng bằng CSS


Để tạo danh sách có đường viền không có dấu đầu dòng, bạn có thể thử chạy đoạn mã sau. Loại kiểu danh sách được đặt thành không để xóa dấu đầu dòng vào danh sách

Ví dụ

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

Đầu ra

Tạo danh sách có đường viền không có dấu đầu dòng bằng CSS