Question

How to add space between the cells (border spacing) in HTML table with CSS

Answer 1

<!DOCTYPE html>
<html>
    <head>
        <style>
            table {
                border-spacing: 20px;
            }
            table, th, td {
                border: 1px solid lightgreen;
            }
        </style>
    </head>
    <body>

        <h1>HTML Table</h1>

        <table style="width:20%">
            <tr>
                <th>Name</th>
                <th>Language</th>
            </tr>
            <tr>
                <td>Fox</td>
                <td>PHP</td>
            </tr>
            <tr>
                <td>Angelina</td>
                <td>JavaScript</td>
            </tr>
            <tr>
                <td>Borat</td>
                <td>HTML</td>
            </tr>
            <tr>
                <td>Mr. Bean</td>
                <td>CSS</td>
            </tr>
        </table>

    </body>
</html>

 

70+ SQL courses for beginners and professionals