我如何制作这样的html表格?

时间:2014-01-27 14:59:32

标签: html css html-table

我需要创建一个包含两列和三行的html表,但应该看起来像that

我尝试了不同的方式与colspan和rowspan,但不能使它看起来像我想要的方式。我很沮丧,这就是为什么我会问有人可以帮助我。

百万感谢帮助...

2 个答案:

答案 0 :(得分:2)

您不应该考虑<table>元素来进行网页布局。顺便说一句,这可以通过干净有效的html结构+ css轻松完成。

这里有一个工作示例:http://jsfiddle.net/ALRpn/

请务必仅将表格用于表格数据。

答案 1 :(得分:0)

这是一个基于CSS的基本“表”。

FIDDLE

HTML

<div class='leftholder'>
   <div class='leftupper'></div>
   <div class='leftlower'></div>
</div>

<div class='rightholder'>
    <div class='right1'></div>
    <div class='right2'></div>
    <div class='right3'></div>
</div>

我确信有更好的方法可以做到。