A very simple css for a very simple html table
The css
[code language=”css”]
#simple-tb
{
border: 1px solid black;
border-collapse:collapse;
}
#simple-tb th
{
border: 1px solid black;
background-color:#ccc;
text-align: left;
}
#simple-tb td
{
border:1px solid black;
padding:5px;
}
#simple-tb tr:nth-child(even)
{
background-color: #eee;
}
[/code]
The html table
[code language=”html”]
<table id=’simple-tb’>
<thead>
<tr><th>ID</th><th>Name</th><th>Age</th></tr>
</thead>
<tbody>
<tr><td>12134</td><td>Anni</td><td>22</td></tr>
<tr><td>21244</td><td>Ben</td><td>27</td></tr>
<tr><td>67333</td><td>Cay</td><td>21</td></tr>
<tr><td>15524</td><td>Denny</td><td>23</td></tr>
<tr><td>53325</td><td>Eddie</td><td>19</td></tr>
<tr><td>56126</td><td>Frank</td><td>17</td></tr>
<tr><td>28347</td><td>Gail</td><td>21</td></tr>
</tbody>
</table>
[/code]
The result
ID | Name | Age |
---|---|---|
12134 | Anni | 22 |
21244 | Ben | 27 |
67333 | Cay | 21 |
15524 | Denny | 23 |
53325 | Eddie | 19 |
56126 | Frank | 17 |
28347 | Gail | 21 |
Search within Codexpedia
Search the entire web