如何将表格边框与div边框对齐

我试图让表格td中的黑色栏杆一直延伸到div的黑色边框。我究竟做错了什么？我一直在这里搞乱了一段时间，并开始接触到我。 :(我已经包括下面的所有CSS和HTML，希望有人可以给我个忙。在此先感谢！如何将表格边框与div边框对齐

<div style="background: #DCDCDC;border: 1px solid #000000;border-radius: 12px; vertical-align: top;width: 240px;height: 180px;"> 
 
    <table width="100%"> 
 
    <tr> 
 
     <td bgcolor="#000000" height="15"></td> 
 
    </tr> 
 
    <tr> 
 
     <td>f</td> 
 
    </tr> 
 
    </table> 
 
</div>

来源

2017-02-28 Born2DoubleUp

您是否使用表格来制作黑色边框？ – pol

我认为如果您可以发布您试图达到的最终结果的简单模型，那将会很棒。 – Noel

您需要overflow: hidden隐藏的外部风格母体。

border-spacing: 0以去除表的默认间隔。

* { 
 
    margin: 0; 
 
    padding: 0; 
 
} 
 

 
div { 
 
    background: #DCDCDC; 
 
    border: 1px solid #000000; 
 
    border-radius: 12px; 
 
    vertical-align: top; 
 
    width: 240px; 
 
    height: 180px; 
 
    overflow: hidden; 
 
} 
 

 
table { 
 
    border-spacing: 0; 
 
    width: 100%; }

<div> 
 
    <table> 
 
    <tr><td bgcolor="#000000" height="15"></td></tr> 
 
    <tr><td>f</td></tr> 
 
    </table> 
 
</div>

来源

2017-02-28 03:36:28

谢谢，这正是我一直在寻找的。我记得因为某种原因另一种方式。 =） – Born2DoubleUp

如何将表格边框与div边框对齐

回答

相关问题