CSS Tutorial: Implementing thin-line tables that conform to Web standards
As you build Web pages with CSS page layouts,
and the wide spread and development of web standards,
The table was gradually forgotten,
But the table still has its good side,
The Data processing table does save a lot of trouble!
This is a fine-grained form of code, and passed the standard validation!
table{
border:1px solid #000;
border-width:1px 0 0 1px;
margin:2px 0 2px 0;
Text-align:center;
Border-collapse:collapse;
}
td,th{
border:1px solid #000;
border-width:0 1px 1px 0;
margin:2px 0 2px 0;
Text-align:left;
}
th{
Text-align:center;
font-weight:600;
font-size:12px;
Background-color: #F4F4F4;
}
<table width= "236" >
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
table,td,th{
border:1px #000 Solid;
Border-collapse:collapse;
}
With this last piece of code, it's easy to implement