3つのヘッダーと2つの列を持つテーブル

Question

HTML/CSSを使用してこのタイプのテーブルを作成する方法はありますか？

Header1 | Header2 | Header 3 
--------+---------+---------- 
0  | 1 asdasdasdasd 7 
2  | 5 asdasdasdasd 3 
9  | 7 asdasdasdasd 2 

Answer 1

<table>マークアップをお持ちの場合は、<td colspan=2>がお手伝いします。 あなたは<div>秒でこれをしたいので、純粋なCSSで、あなたはあなたが、細胞が複数の列にまたがることができますcolspanを使用することによりgrid systems

Answer 2

と呼ばれる必要がある場合。

<table> 
    <tr> 
     <th>Header 1</th> 
     <th>Header 2</th> 
     <th>Header 3</th> 
    </tr> 
    <tr> 
     <td>0</td> 
     <td colspan="2">1 asdasdasdasd 7</td> 
    </tr> 
    <tr> 
     <td>2</td> 
     <td colspan="2">5 asdasdasdasd 3</td> 
    </tr> 
    <tr> 
     <td>9</td> 
     <td colspan="2">7 asdasdasdasd 2</td> 
    </tr> 
</table>