Home
HTML
HTML Table Border
Example 2: HTML Table Border
Run ❯❯
<!DOCTYPE html> <html> <head> <title>HTML Table Border collapse Example</title> <style> table, td, th { border:1px solid black; border-collapse:collapse; } </style> <head> </head> <body> <h1>Table Border collapse Example</h1> <table> <tr> <th>No</th> <th>Name</th> <th>Run</th> <th>Team</th> </tr> <tr> <td>1</td> <td>Sachin Ramesh Tendulkar</td> <td>18426</td> <td>India</td> </tr> <tr> <td>2</td> <td>Kumar Chokshanada Sangakkara</td> <td>14234</td> <td>Sri Lanka</td> </tr> <tr> <td>3</td> <td>Ricky Thomas Ponting</td> <td>13704</td> <td>Australia</td> </tr> <tr> <td>4</td> <td>Sanath Teran Jayasuriya</td> <td>13430</td> <td>Sri Lanka</td> </tr> <tr> <td>5</td> <td>Denagamage Proboth Mahela de Silva Jayawardene</td> <td>12650</td> <td>Sri Lanka</td> </tr> </table> <p>The value of the CSS border-collapse property is set to collapse to avoid double border effect around the table cells.</p> </body> </html>