给桌子的边界

时间:2017-06-06 12:12:00

标签: html css

如何为<tr>(t_border)设置边框。 内表不应该从外层继承样式

<table>

    <tr>
        <td>A</td>
    </tr>

    <tr>
        <td>
           <table class="t_border">
              <tr>
                 <td>B</td>
              </tr>
        </td>
    </tr>
</tbody>

6 个答案:

答案 0 :(得分:1)

您可以按我的代码尝试:

<style>
    table{
         border-collapse: collapse;
    }
    table.t_border tr{
         border:solid 1px red;
    }
</style>

  <table>
        <tr>
            <td>A</td>
        </tr>
        <tr>
            <td>
               <table class="t_border">
                  <tr>
                     <td>B</td><td>B</td><td>B</td>
                  </tr>
                  </table>
            </td>
        </tr>
    </table>

希望它可以帮助你!

答案 1 :(得分:0)

您可以为类.t_border设置单独的样式,请参阅示例代码..

<table>

    <tr>
        <td>A</td>
    </tr>

    <tr>
        <td>
           <table class="t_border">
              <tr>
                 <td>B</td>
              </tr>
        </td>
    </tr>
           </table></td></tr></table>

<style>
    .t_border
    {
        border: 1px solid red;
    }
</style>

答案 2 :(得分:0)

只提供 tr 标记

的样式
   <tr>
         <td style="border : 1px solid black">B</td>
      </tr>

答案 3 :(得分:0)

如果您需要设置边框样式,可以使用其他答案。

但是如果您只需要使用纯HTML表格样式,则可以使用:

<table border=1>在表格中为你的桌子提供边框。

答案 4 :(得分:0)

您无法为<tr>添加边框。您必须将其添加到<td>。此外,t_border表格也未被关闭</table>,您的外围表格应以</table>而不是</tbody>结束。

答案 5 :(得分:0)

将边框赋予tr将不会产生任何影响。最好让td成为你想要它实际出现的边界的顶部或底部。例如,border-bottom:2px纯黑色;