首先是colspan属性，这是合并单元格的，一般一个表格的每一行的单元格数目都是一致的，但可以使用这个属性来为任意一行合并某些单元格，下方的代码就是为第一行合并3个单元格，从而让这一行只有一个单元格的。
另一个是bgcolor属性，这是设置每一行或，每一个单元格的背景颜色的，如果要设置漂亮的表格，我们可以使用这个背景属性来让表格更有色彩。
align属性可以让我们的单元格内容进行对齐，有左对齐，居中对齐和右对齐。这个可以让文本显示更加有条理。
看下应用的效果，可以看到现在的表格显示有条有理了，灵活应用这些表格属性，可以让我们做出各式各样的表格来。
html做个表格的步骤如下：
1、首先新建一个html，点击<body></body>中间，先填入表格内容；
2、内容根据需求来写即可，示例代码如下：
<table>
<p style="text-align:center ">功课表</p>
<tr>
<th>语文</th>
<td>7:00-7:40</td>
<td>7:50-8:30</td>
</tr>
<tr>
<th>数学</th>
<td>7:00-7:40</td>
<td>7:50-8:30</td>
</tr>
<tr>
<th>英文</th>
<td>7:00-7:40</td>
<td>7:50-8:30</td>
</tr>
</table>
3、然后在<head></head>中间输入样式表的样式；
4、样式也根据个人的需求来设置即可，设置单元格的宽度高度，合并单元格，位置，颜色等等，示例代码如下：
<style type="text/css">
body
{
width:340px
height :800px
}
table
{
border-collapse :collapse
}
th,td
{
width:100px
height:40px
border :1px solid black
font-size:12px
text-align :center
}
</style>
5、这里需要注意这个代码“table”的意义是将表格边框合并为单一的边框，将相邻变合并。
6、预览结果如下所示，一个简单的表格就制作出来了。
一个简单的 HTML 表格，包含两行两列：<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
具体要设计表格，得看你需要什么样的表格，w3school上有手册，你可以具体看看
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）