TABLE style using pure CSS
HTML
<table id="pseudo-demo">
<thead>
<tr>
<th>Direccion</th>
<th>Estado</th>
</tr>
</thead>
<tbody>
<tr>
<td>CR 28B 64-63</td>
<td>N</td>
</tr>
<tr>
<td>CR 28B 64-63</td>
<td>N</td>
</tr>
<tr>
<td>CR 28B 64-63</td>
<td>N</td>
</tr>
<tr>
<td>CR 28B 64-63</td>
<td>N<td>
</tr>
<tr>
<td>CR 28B 64-63</td>
<td>N</td>
</tr>
<tr>
<td>CR 28B 64-63</td>
<td>N</td>
</tr>
<tr>
<td>CR 28B 64-63</td>
<td>N</td>
</tr>
<tr>
<td>CR 28B 64-63</td>
<td>N</td>
</tr>
<tr>
<td>CR 28B 64-63</td>
<td>N</td>
</tr>
<tr>
<td>CR 28B 64-63</td>
<td>N</td>
</tr>
<tr>
<td>CR 28B 64-63</td>
<td>N</td>
</tr>
<tr>
<td>CR 28B 64-63</td>
<td>N</td>
</tr>
<tr>
<td>CR 28B 64-63</td>
<td>N</td>
</tr>
</tbody>
</table>
CSS
table {
border-spacing: 0;
width: 100%;
font-family: 'Segoe UI';
border-radius: 7px;
}
th {
background: #404853;
background: #e8eae9;
border-left: 1px solid rgba(0, 0, 0, 0.2);
border-right: 1px solid rgba(255, 255, 255, 0.1);
color: #605f5f;
padding: 8px;
text-align: left;
text-transform: uppercase;
font-family: 'Verdana';
}
th:first-child {
border-top-left-radius: 4px;
border-left: 0;
}
th:last-child {
border-top-right-radius: 4px;
border-right: 0;
}
td {
border-right: 1px solid #c6c9cc;
border-bottom: 1px solid #c6c9cc;
padding: 8px;
}
td:first-child {
border-left: 1px solid #c6c9cc;
}
tr:first-child td {
border-top: 0;
}
tr:nth-child(even) td {
background: #e8eae9;
}
tr:last-child td:first-child {
border-bottom-left-radius: 4px;
}
tr:last-child td:last-child {
border-bottom-right-radius: 4px;
}