HTML5制作自定义表格

最新推荐文章于 2024-02-16 23:45:17 发布

君王的羔羊

最新推荐文章于 2024-02-16 23:45:17 发布

阅读量782

点赞数

本文链接：https://blog.csdn.net/GQ_Sonofgod/article/details/105701152

版权

网页开发专栏收录该内容

13 篇文章 2 订阅

订阅专栏

HTML 表格
 Table的边框问题–不显示四周边框、隐藏横线或纵线

这个表格有一个标题，以及粗边框：

我的标题
Heading
row 1, cell 1	row 1, cell 2	这个单元包含一个列表：苹果香蕉菠萝
row 1, cell 1	row 2, cell 2

在这里插入图片描述
style="border:hidden;"

<html>
<body>
<h4>这个表格有一个标题，以及粗边框：</h4>
<table border="2">
<caption>我的标题</caption>
<tr>
<th colspan="3"><font size="3" color="red">Heading</font></th>
</tr>
<tr>
<td rowspan="2">row 1, cell 1</td>
<td align="right">row 1, cell 2</td>
<td>这个单元包含一个列表：
   <ul>
    <li align="left"><font size="3" color="red">苹果</font></li>
    <li align="right">香蕉</li>
    <li><s>菠萝</s></li>
   </ul>
</td>
</tr>
<tr>
<td bgcolor="#eeeeff">row 2, cell 2</td>
<td></td>
</tr>
</table>
</body>
</html>