Создание таблицы HTML с использованием эффектов CSS [дубликат]

Lash спросил: 27 ноября 2017 в 06:06 в: html

На этот вопрос уже есть ответ:

  • How do you use colspan and rowspan in HTML tables? 10 ответов

Я разрабатываю веб-страницу, на которой я хочу вставить таблицу, как показано на рисунке. Я знаю, как использовать таблицы HTML, но я запутался в создании этого. Я много пытался сделать это, но они не работают, как я хочу. Пожалуйста, если кто-то может дать мне руководство по разработке этой таблицы, я действительно ценю это.

> div> >
<table class="table table-bordered table-responsive" style="border-collapse: collapse; text-align: center; float: right;" border="1">
  <tbody>
    <tr>
      <td></td>
      <td style="text-align: center;" colspan="2">Table Data</td>
    </tr>
    <tr>
      <th>Type </th>
      <th>Orders<br />Phone/Fax/Email/Post</th>
      <th>Number</th>
    </tr>
  </tbody>
  <tbody>
    <tr>
      <td>Type 1</td>
      <td>Order 1</td>
      <td>Num 1</td>
    </tr>
    <tr>
      <td>Type 2</td>
      <td>Order 2</td>
      <td>Num 2</td>
    </tr>
    <tr>
      <td>Type 3</td>
      <td>Order 3</td>
      <td>Num 3</td>
    </tr>
    <tr>
      <td>Type 4</td>
      <td>Order 4</td>
      <td>Num 4</td>
    </tr>
    <tr>
      <td>Type 5</td>
      <td>Order 5</td>
      <td>Num 5</td>
    </tr>
  </tbody>
</table>

Это не дает желаемого результата

0 ответов