您还不是vip会员或者没有登录,无法进入学习,请登录后访问或者联系站长升级会员等级!
为了能给大家提供更好的服务和视频教程,本站VIP课程需要收取一定的学费,具体收费标准根据不同的班级课程和有效期长短有所不同,具体请咨询在线老师,多谢您对本站的支持!
html教程23:设置单元格的间距和内边距
2、表格的边框线设置
默认情况下,表格的边框为0,我们可以为表格设置边框线。
如果需要设置表格轮廓为1像素的细线,可以使用表格背景颜色结合单元格颜色以及单元格间距实现,也可以使用CSS样式的方式实现。
例如:
<style type="text/css">
table{ border-top:#aa6699 1px solid; border-right:#aa6699 1px solid;}
table td,th{border-left:#aa6699 1px solid;border-bottom:#aa6699 1px solid;}
< /style>
< table cellpadding="5" cellspacing="0" border="0">
<caption>零起点设计网 www.redwe.net 表格的用法</caption>
<tbody>
<tr>
<th>第一行第一列 </th>
<th>第一行第二列</th>
<th>第一行第三列</th>
</tr>
<tr>
<td>第二行第一列 </td>
<td colspan="2">
第二行第二列
第二行第三列
</td>
</tr>
<tr>
<td rowspan="3">第三行第一列</td>
<td colspan="2">第三行第二列第三行第三列</td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
<tr>
<td>第四行第二列</td>
<td>第四行第三列</td>
</tr>
</tbody>
< /table>
上一讲:html教程22:如何合并table表格的单元格 | 下一讲:html教程24:什么是网页布局?
![]() |
豫公网安备 41010202002486号 | ICP备案:豫ICP备18044432号-1 |