如何用html删除td边框？

html

但我只想在表中显示边框，而不是像这样显示给td

<table border="1">
  <tr>
    <td>one</td>
    <td>two</td>
  </tr>
  <tr>
    <td>one</td>
    <td>two</td>
</tr>
</table>

+---+---+
|   |   |
+---+---+
|   |   |
+---+---+

我如何处理html标记（无CSS/无内联样式）

在某些情况下，我只需要删除一些td边框，并删除一些td边框以显示如下内容：

+--------+
|        |
|        |
|        |
+--------+

---

用div环绕它，给它一个边框，然后从表中删除边框

+---+---+
|   |   |
+---+   |
|   |   |
+---+---+

然后根据需要将css添加到代码中

.topBorderOnly {
    border-top: 1px solid black;
}

.bottomBorderOnly {
    border-bottom: 1px solid black;
}

---

这将同时添加顶部和底部边框，其余部分也是如此。

简单的解决方案是保留另一个带有边框的表，并将您的表插入外部表中

<td class="topBorderOnly bottomBorderOnly">  

一
二
一
二

试试：

...

一
二
一

要删除单元格之间的边框，同时保留表格周围的边框，请将属性添加到

表格

标记中

在HTML中无法实现问题最后一个图中指定的呈现。在使用其他标记结构的基础上，有各种棘手的解决方法。

首先

<table border="1" cellspacing="0" cellpadding="0">
    <tr>
        <td>
            <table border="0">
                <tr>
                    <td>one</td>
                    <td>two</td>
                </tr>
                <tr>
                    <td>one</td>
                </tr>
            </table>
        </td>
    </tr>
</table>

一
二
一
二

第二个例子

<table border="1">
      <tr>
        <td style='border:none;'>one</td>
        <td style='border:none;'>two</td>
      </tr>
      <tr>
        <td style='border:none;'>one</td>
        <td style='border:none;'>two</td>
    </tr>
    </table>

一
二
一
二

一
二
一
二

您必须使用css。如果不想使用单独的样式表。你可以在html标记中使用样式属性。我不明白你为什么不想使用CSS。在使用CSS时，您想要实现的一切都非常简单：@AurA您的答案很好，但OP明确表示他不想使用CSS。是的，这将删除所有td边框，而div边框将显示。。。您可以看到输出。。。我已经更新了JSFIDLEanswer@DevangRathod我刚看到他更新了这个问题，没有内联styles@AurA是的，我知道你是对的，但请再读一遍OP系列，他不想使用css，而你为边框设置了内联样式。我认为这是一个简短而智能的解决方案，基于他所保留的限制条件。@NamingException+1用于你的claver答案。适用于我边框顶部样式：隐藏

<table border="1">
<tr>
    <td>
        <table border="0">
            <tr>
                <td>one</td>
                <td>two</td>
            </tr>
            <tr>
                <td>one</td>
                <td>two</td>
            </tr>
        </table>
    </td>
</tr>

</table>

<table border="1">
  <tr>
    <td>
      <table border="">
      ...
      </table>
    </td>
  </tr>
</table>

<table border="1" cellspacing="0" cellpadding="0">
    <tr>
        <td>
            <table border="0">
                <tr>
                    <td>one</td>
                    <td>two</td>
                </tr>
                <tr>
                    <td>one</td>
                </tr>
            </table>
        </td>
    </tr>
</table>

<table border="1">
      <tr>
        <td style='border:none;'>one</td>
        <td style='border:none;'>two</td>
      </tr>
      <tr>
        <td style='border:none;'>one</td>
        <td style='border:none;'>two</td>
    </tr>
    </table>

<table border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td style='border-left:none;border-top:none'>one</td>
    <td style='border:none;'>two</td>
  </tr>
  <tr>
    <td style='border-left:none;border-bottom:none;border-top:none'>one</td>
    <td style='border:none;'>two</td>
</tr>
</table>