Table - HTML & CSS (Clean)
Thu Mar 11 2021 21:48:22 GMT+0000 (UTC)
Saved by
@narro
#html
#css
<table>
<tr>
<th>a1</th>
<th>a2</th>
<th>a3</th>
<th>a4</th>
<th>a5</th>
</tr>
<tr>
<td>b1</td>
<td>b2</td>
<td>b3</td>
<td>b4</td>
<td>b5</td>
</tr>
</table>
<style>
table {
font-family: Arial, Helvetica, sans-serif;
border-collapse: collapse;
width: 100%;
}
td,
th {
border: 1px solid #ddd;
padding: 8px;
}
tr:nth-child(even) {
background-color: #333;
color: #ddd;
}
tr:nth-child(odd) {
background-color: #222;
color: #ddd;
}
tr:hover {
background-color: #444;
}
th {
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
background-color: #1e1e1e;
color: white;
}
</style>
content_copyCOPY
Just a simple clean table with pure HTML/CSS
Comments