2017-06-15 2 views
0

enter image description herehtmlでcolspan、rowspan、またはcssを使用してテーブルを作成するにはどうすればよいですか?

HTMLとCSSを使用して上記の例のようにテーブルを作成するにはどうすればよいですか。

<table> 
    <tr> 
    <th>XXX</th> 
    <th>XXX</th> 
    </tr> 
    <tr> 
    <td>XXX</td> 
    <td>XXX</td> 
    </tr> 
    <tr> 
    <td>XXX</td> 
    <td>XXX</td> 
    </tr> 
    <tr> 
    <td>XXX</td> 
    <td>XXX</td> 
    </tr> 
</table> 

が、それは動作しません:私は次のことを試してみました。誰も助けることができますか?

+0

ような何か。 –

+0

'rowspan'と' colspan'の使い方についていくつかの知識があります。理解することはそれほど難しいことではありません。 [ここにヘルプがあります](https://stackoverflow.com/a/9830847/5015089) –

+0

@HiddenHobbesさんとMian Haseebさんに感謝します – Vasanth

答えて

1

あなたは `colspan`と` rowspan`の組み合わせを使用する必要があります。この

<table border="1" cellpadding="10" cellspacing="0" style="width:100%"> 
 
    <tr> 
 
    <td style="width:50%">&nbsp;</td> 
 
    <td colspan="2">&nbsp;</td> 
 
    </tr> 
 
    <tr> 
 
    <td rowspan="2">&nbsp;</td> 
 
    <td>&nbsp;</td> 
 
    <td rowspan="2">&nbsp;</td> 
 
    </tr> 
 
    <tr> 
 
    <td>&nbsp;</td> 
 
    </tr> 
 
    <tr> 
 
    <td rowspan="2">&nbsp;</td> 
 
    <td>&nbsp;</td> 
 
    <td rowspan="2">&nbsp;</td> 
 
    </tr> 
 
    <tr> 
 
    <td>&nbsp;</td> 
 
    </tr> 
 
    <tr> 
 
    <td>&nbsp;</td> 
 
    <td colspan="2">&nbsp;</td> 
 
    </tr> 
 
</table>

+0

ありがとう@abnishekPandey – Vasanth

0
<table> 
<tr> 
<th colspan="2">XXX</th> 
<th colspan="2">XXX</th> 
</tr> 
<tr> 
<td colspan="2">XXX</td> 
<td colspan="2">XXX</td> 
</tr> 
<tr> 
<td colspan="2">XXX</td> 
<td rowspan="2">XXX</td> 
</tr> 
<tr> 
<td colspan="2">XXX</td> 
<td>XXX</td> 
</tr> 
<tr> 
<td colspan="2">XXX</td> 
<td rowspan="2">XXX</td> 
</tr> 
<tr> 
<td>XXX</td> 
<td>XXX</td> 
</tr> 
<tr> 
<td colspan="2">XXX</td> 
<td rowspan="2">XXX</td> 
</tr> 

関連する問題