html - 如何去除HTML中的一些td边框

Question

    <table border="1" cellpadding="0" cellspacing="0" style="border-collapse:collapse;">
                      <tr>
                        <td class="w25">1</td>
                        <td class="w25">2</td>
                        <td class="w25">3</td>
                        <td class="w25">4</td>
                      </tr>
                      <tr >
                        <td class="w25">5</td>
                        <td colspan="2" class="w50 noBorder">6</td>
                        <td class="w25">7</td>
                      </tr>
                      <tr class="">
                       <td class="w25">8</td>
                        <td colspan="2" class="w50 noBorder">9</td>
                        <td class="w25">10</td>
                      </tr>
                       <tr>
                        <td class="w25">11</td>
                        <td class="w25">12</td>
                        <td class="w25">13</td>
                        <td class="w25">14</td>
                      </tr>
                    </table>

我无法仅删除中间的 td、tr 边框。 我想像这样显示。所有 12 个边箱尺寸应相同。请帮我使用 table 或 div 显示。

--------------------------------------
|        |         |        |        |
|        |         |        |        |
|        |         |        |        |
|-------------------------------------
|        |                  |        |
|        |                  |        |
|        |                  |        |
----------                  ----------
|        |                  |        |
|        |                  |        | 
|        |                  |        |
--------------------------------------
|        |         |        |        |
|        |         |        |        |
|        |         |        |        |
--------------------------------------

Answer 1

而不是在表格元素上定义边框 border="1" 在 td 中定义，您可以删除特定 td 上的边框，如下所示:

#table1 td{
  border: 1px solid #000;
  }
#table1 td.noBorder{
  border: none;
  }

<table id="table1" cellpadding="0" cellspacing="0" style="border-collapse:collapse;">
                      <tr>
                        <td class="w25">1</td>
                        <td class="w25">2</td>
                        <td class="w25">3</td>
                        <td class="w25">4</td>
                      </tr>
                      <tr >
                        <td class="w25">5</td>
                        <td colspan="2" class="w50 noBorder">6</td>
                        <td class="w25">7</td>
                      </tr>
                      <tr class="">
                       <td class="w25">8</td>
                        <td colspan="2" class="w50 noBorder">9</td>
                        <td class="w25">10</td>
                      </tr>
                       <tr>
                        <td class="w25">11</td>
                        <td class="w25">12</td>
                        <td class="w25">13</td>
                        <td class="w25">14</td>
                      </tr>
                    </table>