邊界 - 底部間距

Question

我想在border-bottom之間有一些間距，因爲它位於第二張圖片上。如果我添加padding-left，只有文本和複選框會向右移動。 border-bottom保持不變。

form td.caption { 
font-weight: bold; 
border-bottom: 1px solid #d3d3d3; 
padding-top: 1em; 
} 

我的代碼給了我這樣的：

風格我想實現：

Answer 1

table td.caption { 
 
font-weight: bold; 
 
border-bottom: 1px solid #d3d3d3; 
 
padding-top: 1em; 
 
min-width:100px; 
 

 
} 
 
table { 
 
    border-spacing: 10px; 
 
    border-collapse: separate; 
 
}

<table> 
 
    <tr><td class="caption">test</td><td class="caption">2</td></tr> 
 
    <tr><td></td><td></td></tr> 
 
</table>

Answer 2

table td.caption { 
 
    border-bottom: 1px solid #d3d3d3; 
 
    padding-top: 1em; 
 
    width:150px; 
 
    font-size:12px; 
 
} 
 
table { 
 
    border-spacing: 7px; 
 
    border-collapse: separate; 
 
}

<table> 
 
    <tr> 
 
    <td class="caption">Select Chapters</td> 
 
    <td class="caption" align="center"><input type="checkbox"></td> 
 
    </tr> 
 
</table>

這是相同的，你正在尋找？

希望這會有所幫助。