HTML में कॉलैप्स्ड बॉर्डर कैसे बनाएं?

CSS border-collapse प्रॉपर्टी

टेबल बॉर्डर्स को सिंगल बॉर्डर में मिलाने के लिए CSS border-collapse प्रॉपर्टी उपयोग करें। इसके दो मान होते हैं:

उदाहरण: collapse

<!DOCTYPE html> <html>
  <head>
    <style>
      table { border-collapse: collapse; }
      table, td, th { border: 1px solid blue; }
    </style>
  </head>
  <body>
    <h1>Technologies</h1>
    <table>
      <tr> <th>IDE</th> <th>Database</th> </tr>
      <tr> <td>NetBeans IDE</td> <td>MySQL</td> </tr>
    </table>
  </body>
</html>

उदाहरण: separate

<!DOCTYPE html> <html>
  <head>
    <style>
      table { border-collapse: separate; }
      table, td, th { border: 1px solid blue; }
    </style>
  </head>
  <body>
    <h1>Technologies</h1>
    <table>
      <tr> <th>IDE</th> <th>Database</th> </tr>
      <tr> <td>NetBeans IDE</td> <td>MySQL</td> </tr>
    </table>
  </body>
</html>