Question

我有问题创建如下图所示的表格： enter image description here 有谁知道如何使用html和CSS创建上面的表？我使用该表创建如下内容：请指导我，并提前致谢。

Answer 1

rowspan = 2将允许您垂直合并单元格。

E.g。这是你桌子的开头：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 TRANSITIONAL//EN"><HTML>
<BODY>
<table border>
  <tr>
    <td rowspan=2>row 1, column 1</td>
    <td>row 1, column 2</td>
    <td>row 1, column 3</td>
  </tr>
  <tr>
    <!--td row 2, column 1, covered by row above-->
    <td rowspan=2>row 2, column 2</td>
    <td>row 2, column 3</td>
  </tr>
  <tr>
    <td>row 3, column 1</td>
    <!--td row 3, column 2, covered by row above-->
    <td>row 3, column 3</td>
  </tr>
</table>
</BODY>
</HTML>

要生成像这样的表，手动变得很乱。使用好的布局工具可以让你感觉更好。

Answer 2

制作一个包含6行3列的表，并使一些边框不可见，这将是最简单的。我想你可以自己解决剩下的问题了。

如何创建独特的html表？

2 个答案: