我尝试将 amargin
和 aborder-bottom
同时放在标签中<tr>
,但这对我不起作用,我设法按以下方式放置边框:
border-collapse: separate;
border-spacing: 0px 20px;
但是当我删除那个片段时,css
我得到了优势,显然没有我想要的空间。如何在创建底部之间创建边距tr
并同时创建border
底部?
table{
border-collapse: separate;
border-spacing: 0px 20px;
}
table tr{
background-color: #00ff00;
border-bottom: 1pt solid #c10c0c;
}
<table>
<tr>
<td>
<p>Cualquier cosa</p>
</td>
</tr>
<tr>
<td>
<p>Cualquier cosa</p>
</td>
</tr>
<tr>
<td>
<p>Cualquier cosa</p>
</td>
</tr>
</table>
我给你一个例子,snippet
但边缘没有出来,你最好在本地尝试
根据您正在使用的分离边框模型中的CSS 第 17.6 节,行 (tr) 不能有边框。如果您希望能够为 tr 提供边框,则必须按以下方式放置代码。
CSS
HTML
正如您可能已经注意到的那样,存在一个问题,因为它处于折叠模式,所以边距显然不起作用,但是折叠对于能够给 tr 一个边框是必要的。
为了获得利润,你必须给 td 一个优势,你别无选择。
CSS
HTML