如何將表格邊框與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邊框對齊

回答

相關問題