Question

请帮助我如何创建一个表格，如下面的屏幕截图所示

https://i.stack.imgur.com/zgf2Z.png

提前谢谢!!

<table border=1px solid; style="border-collapse:collapse;" RULES=COLS>
  <tr>
    <th>Duration </th>
    <th style="text-align:left;">Topic</th>
  </tr>
  <tr>
    <td>10 min </td>
    <td> Recap of FY17 CSP Incentives </td>
  </tr>
  <tr>
    <td> 20 min </td>
    <td> Partner Incentive Experience Onboarding </td>
  </tr>
  <tr>
    <td> 15 min </td>
    <td> Updating Banking Details/Partner Requirements </td>
  </tr>
  <tr>
    <td> 10 min </td>
    <td> Understanding MPN IDs </td>
  </tr>
  <tr>
    <td> 5 min </td>
    <td> Q&A and Closing Session Survey </td>
  </tr>
</table>

Answer 1

如果您不熟悉HTML，我建议您使用此网站生成HTML表格：

http://www.tablesgenerator.com/html_tables

Answer 2

通过使用Colspan属性，您可以执行此操作

<table>
  <tr>
    <th colspan="2">COlumn</th>
  </tr>
  <tr>
    <td>Column A</td>
    <td>Column B</td>
  </tr>
</table>

Answer 3

使用以下代码。

   <table border="1">
      <tr>
        <th>H1</th>
        <th>H2</th>
      </tr>
      <tr>
        <td>R1</td>
        <td>R1</td>
      </tr>
      <tr>
        <td>R2</td>
        <td>R2</td>
      </tr>
      <tr>
        <td>R3</td>
        <td>R3</td>
      </tr>
    </table>

Check demo here

Answer 4

您可以将以下内容添加到css：

tr {
  border: 1px solid black;
}

th {
  border: 0;
  width: 100px;
  text-align: left;
}

以下是摘录：

＆＃13;

tr {
  border: 1px solid black;
}

th {
  border: 0;
  width: 100px;
  text-align: left;
}

＆＃13;

<table border=1px solid; style="border-collapse:collapse;" RULES=COLS>
  <tr>
    <th>Duration </th>
    <th>Topic</th>
  </tr>
  <tr>
    <td>10 min </td>
    <td> Recap of FY17 CSP Incentives </td>
  </tr>
  <tr>
    <td> 20 min </td>
    <td> Partner Incentive Experience Onboarding </td>
  </tr>
  <tr>
    <td> 15 min </td>
    <td> Updating Banking Details/Partner Requirements </td>
  </tr>
  <tr>
    <td> 10 min </td>
    <td> Understanding MPN IDs </td>
  </tr>
  <tr>
    <td> 5 min </td>
    <td> Q&A and Closing Session Survey </td>
  </tr>
</table>

＆＃13;

如何创建一个表格，如下面的屏幕截图所示

4 个答案: