<body>
<talbe border="1">
<caption>前端三剑客</caption>
<tr>
<th>知识点</th>
<th>重要程度</th>
<th>难度</th>
<th>学习周期</th>
</tr>
<tr>
<td>html</td>
<td>5星</td>
<td>3星</td>
<td>7天</td>
</tr>
<tr>
<td>css</td>
<td>5星</td>
<td>4星</td>
<td>10天</td>
</tr>
<tr>
<td>js</td>
<td>5星</td>
<td>5星</td>
<td>20天</td>
</tr>
</talbe>
</body>
2021-04-19
我把你的代码复制到Sublime里看了下，发现你的代码与代码的行距太大了，而且也没加<thead></thead><tbody></tbody>,你加上试试。我也帮你打了下
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>Document</title>
<style>
table{
border-collapse:collapse;
margin:0 auto;
width:300px;
height:150px;
}
caption{
font-size:20px;
font-weight:bold;
}
td,th{
border:1px solid black;
text-align:center;
}
</style>
</head>
<body>
<table>
<caption>前端三剑客</caption>
<thead>
<tr>
<th>知识点</th>
<th>重要程度</th>
<th>难度</th>
<th>学习周期</th>
</tr>
</thead>
<tbody>
<tr>
<td>html</td>
<td>5星</td>
<td>3星</td >
<td>7天</td>
</tr>
<tr>
<td>css</td>
<td>5星</td>
<td>4星</td >
<td>10天</td>
</tr>
<tr>
<td>js</td>
<td>5星</td>
<td>5星</td >
<td>20天</td>
</tr>
</tbody>
</table>
</body>
举报
