HTML Code

<!DOCTYPE html>



<html>



<head>



  <title>CSS border-collapse Example</title>



  <style>



    body {



      font-family: sans-serif;



      padding: 1.5rem;



      background: #f8fafc;



    }



    table {



      border-collapse: collapse;



      width: 100%;



      max-width: 24rem;



    }



    th, td {



      border: 1px solid black;



      padding: 8px;



      text-align: center;



    }



    th {



      background-color: #f2f2f2;



    }



  </style>



</head>



<body>



  <h1>Table with Collapsed Borders</h1>



  <table>



    <tr>



      <th>Header 1</th>



      <th>Header 2</th>



    </tr>



    <tr>



      <td>Data 1</td>



      <td>Data 2</td>



    </tr>



    <tr>



      <td>Data 3</td>



      <td>Data 4</td>



    </tr>



  </table>



</body>



</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

CSS border-collapse Property - Collapsed Borders