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

Làm cách nào để thêm khoảng trắng xung quanh đường viền bảng trong HTML?


Để đặt giãn cách đường viền cho bảng HTML, hãy sử dụng thuộc tính giãn cách đường viền CSS. Nó đặt khoảng cách giữa các ô trong bảng,

Làm cách nào để thêm khoảng trắng xung quanh đường viền bảng trong HTML?

Ví dụ

Bạn có thể thử chạy mã sau để thêm khoảng trắng xung quanh đường viền bảng trong HTML

<!DOCTYPE html>
<html>
   <head>
      <style>
         table, td, th {
            border: 1px solid black;
            border-spacing: 20px;
            width: 300px;
         }
      </style>
   </head>
   <body>
      <h1>Our Technologies</h1>
      <table>
         <tr>
            <th>IDE</th>
            <th>Database</th>
         </tr>
         <tr>
            <td style="text-align:center">NetBeans</td>
            <td style="text-align:center">MySQL</td>
        </tr>
     </table>
  </body>
</html>

Đầu ra

Làm cách nào để thêm khoảng trắng xung quanh đường viền bảng trong HTML?