CSS BORDER-COLLPASE PROPERTY
Run 
<!Doctype html>
<html>
    <head>
        <title>
            Border Collapse 
        </title>
        <style type="text/css">
            .collapse{
            border-collapse:collapse;
            }
            .separate{
            border-collapse:separate;
            }
            table,th,td{
            border:1px solid black;
            }
        </style>
    </head>
    <body>
        <h1>Working with border-collapse property</h1>
        <p>The border-collapse property is having value collapse </p>
        <table class="collapse">
            <tr>
                <th>Name</th>
                <th>Age</th>
            </tr>
            <tr>
                <td>Name1</td>
                <td>Age1</td>
            </tr>
            <tr>
                <td>Name2</td>
                <td>Age2</td>
            </tr>
            <tr>
                <td>Name3 </td>
                <td>Age3 </td>
            </tr>
        </table>
        <br/> <br/> <br/>
        <p>The border-collapse property value is separate</p>
        <table class="separate">
            <tr>
                <th>Name</th>
                <th>Age</th>
            </tr>
            <tr>
                <td>Name1</td>
                <td>Age1</td>
            </tr>
            <tr>
                <td>Name 2</td>
                <td>Age 2</td>
            </tr>
            <tr>
                <td>Name 3</td>
                <td>Age 3</td>
            </tr>
        </table>
    </body>
</html>