html简单的table样式
2022-09-29 19:50
![views](/static/super/images/icon/evaluate-9a.png)
.table {
width: 80%;
font-family: verdana,arial,sans-serif;
font-size: 11px;
color: #333333;
border-width: 1px;
border-color: #666666;
border-collapse: collapse;
margin: 0 auto;
}
.table th {
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #666666;
background-color: #dedede;
}
.table td {
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #666666;
background-color: #ffffff;
}
.table tr td:first-child {
width: 20%;
}
<table class='table'>
<tr>
<th>title</th>
<th>value</th>
</tr>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>
![](/uploads/article/20220929/8dbf4bd3e776f91b629d8a367ffbc2ee.png)
0 条讨论