表格圆脚
2021-01-08
<html>
<head>
<style>
* {
margin:0;
padding:0;
}
table {
width:80%;
border-spacing: 0px;
margin-left: 10px;
text-align: center;
}
tr {
}
th, td {
border:solid 1px black;
}
table tr:first-child th:first-child {
border-top-left-radius: 12px;
}
table tr:first-child th:last-child {
border-top-right-radius: 12px;
}
table tr:last-child td:first-child {
border-bottom-left-radius: 12px;
}
table tr:last-child td:last-child {
border-bottom-right-radius: 12px;
}
</style>
</head>
<body>
<table>
<tr><th>aa</th><th>bb</th><th>cc</th><th>dd</th></tr>
<tr><td>aa</td><td>bb</td><td>cc</td><td>dd</td></tr>
<tr><td>aa</td><td>bb</td><td>cc</td><td>dd</td></tr>
</table>
</body>
</html>
