HTML Table

HTML

<table id="employeeTable">
    <tr>
        <th>Id</th>
        <th>Name</th>
        <th>Number</th>        
    </tr>
    <tr>
        <td>1</td>
        <td>John</td>
        <td><input type="text" value = "10"/></td>        
    </tr>
    <tr>
        <td>2</td>
        <td>Sally</td>
        <td><input type="text" value = "20"/></td>        
    </tr>
    <tr>
        <td>3</td>
        <td>Mary</td>
        <td><input type="text" value = "10"/></td>        
    </tr>
    <tr>
        <td>4</td>
        <td>Sam</td>
        <td><input type="text" value = "30"/></td>        
    </tr>
    <tr>
        <td>5</td>
        <td>Chris</td>
        <td><input type="text" value = "20"/></td>        
    </tr>
</table>

CSS

#employeeTable th, #employeeTable td{
    padding:0.8em;
    border: 1px solid;
}
#employeeTable th{
    background-color:#6699FF;
    font-weight:bold;
}