-4
Принесите мне очень новое для html и css. Я могу рисовать нормальную таблицу, но не так, как я уже упоминал.Как нарисовать таблицу
A
ответ
1
я брошу вам кость, так как вы говорите, вы новичок.
table, td {
border:1px solid #999;
}<table>
\t <tr>
\t \t <td rowspan="2"> </td>
\t \t <td colspan="4"> </td>
\t \t <td rowspan="2"> </td>
\t </tr>
\t <tr>
\t \t <td> </td>
\t \t <td> </td>
\t \t <td> </td>
\t \t <td> </td>
\t </tr>
\t <tr>
\t \t <td> </td>
\t \t <td> </td>
\t \t <td> </td>
\t \t <td> </td>
\t \t <td> </td>
\t \t <td> </td>
\t </tr>
\t <tr>
\t \t <td> </td>
\t \t <td> </td>
\t \t <td> </td>
\t \t <td> </td>
\t \t <td> </td>
\t \t <td> </td>
\t </tr>
\t <tr>
\t \t <td> </td>
\t \t <td> </td>
\t \t <td> </td>
\t \t <td> </td>
\t \t <td> </td>
\t \t <td> </td>
\t </tr>
\t <tr>
\t \t <td> </td>
\t \t <td> </td>
\t \t <td> </td>
\t \t <td> </td>
\t \t <td> </td>
\t \t <td> </td>
\t </tr>
</table>
1
Вы должны использовать rowspan & colspan свойства в элементах. Для например
Чтобы нарисовать структуру, как это:
Код будет
<table class="" border=1px style="width: 40%">
<tr>
<td rowspan="2" colspan="2">Puma</td>
<td colspan="4">adidas</td>
</tr>
<tr>
<td colspan="4">superdry</td>
</tr>
<tr>
<td rowspan="2"> john player </td>
<td rowspan="2"> biba </td>
<td rowspan="2"> bagit </td>
<td> jack&jones </td>
</tr>
<tr>
<td> peter england </td>
</tr>
<tr>
<td rowspan="2"> us polo </td>
<td rowspan="2"> Global desi </td>
<td rowspan="2"> levis </td>
<td rowspan="2"> spykar </td>
</tr>
</table>
[1]: http://i.stack.imgur.com/Y9TTK.png
1
Есть параметры называются «RowSpan» и «Объединение столбцов», которые дают вам то, что вы находясь в поиске.
http://www.w3schools.com/Html/tryit.asp?filename=tryhtml_table_span
Вы ищете '' rowspan' и colspan'. Найдите его в Google. –
Я мог бы найти его, но не смог сделать первые столбцы двумя строками как 1 roe – Bhagya
Или просто используйте этот http://www.tablesgenerator.com/html_tables#, затем изучите созданный код. – Turnip