Table Style CSS

PHOTO EMBED

Fri Dec 18 2020 05:41:27 GMT+0000 (UTC)

Saved by @Javkhlantugs ##javascript

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <link href="TableStyle.css" rel="stylesheet" />
</head>
<body>
    <h1>Thank you for submitting the form</h1>
    
    <table>
        <tr>
            <th colspan="2">CONTACT DETAILS</th>
        </tr>
        <tr>
            <th>Location</th>
            <th>Phone</th>
        </tr>
        <tr>
            <td>Sydney</td>
            <td>1111-1111</td>
        </tr>
        <tr>
            <td>Melbourne</td>
            <td>2222-1111</td>
        </tr>
        <tr>
            <td>Sydney</td>
            <td>1111-1111</td>
        </tr>
        <tr>
            <td>Melbourne</td>
            <td>2222-1111</td>
        </tr>
    </table>
</body>
</html>



table{
    width:100%; 
    border-collapse:collapse; 
}

table, th, td{
    border:1px solid black; 
}

td{
    height:50px; 
}

tr:nth-child(odd){
    background-color:#f2f2f2; 
}

content_copyCOPY