1、table语句。我们要在网页当中实现这样的一个编辑效果就要使用一下这个table语句。
<style>
table,th,td
{
border:2px solid black;
}
</style>
2、赋予表格当中的文字内容。我们通过代码让文字内容赋予表格。
<body>
<table>
<tr>
<th>Firstname</th>
<th>Lastname</th>
</tr>
<tr>
<td>Peter</td>
<td>Griffin</td>
</tr>
<tr>
<td>Lois</td>
<td>Griffin</td>
</tr>
</table>
</body>
3、在设计窗口观看效果。我们回到设计窗口，观看一下这个网页的实际效果。
4、折叠边框。如果我们加上一条CSS语句，我们也可以在网页当中实现一种单边的表格效果。
<style>
table {
border-collapse: collapse;
}
table, td, th {
border: 1px solid black;
}
</style>
5、通过设计窗口来看一下实际的网页效果。我们可以看到这是一种单边的表格形式。
6、表格宽度和高度。我们可以通过CSS语句来精确的设置网页当中的表格的高度与宽度的。
table {width:100%;}th{height:50px;}
