如何使用透明间距/边框在行之间留出空间 - HTML/CSS
Posted
技术标签:
【中文标题】如何使用透明间距/边框在行之间留出空间 - HTML/CSS【英文标题】:How to make space between rows, with transparent spacing/border - HTML/CSS 【发布时间】:2011-10-13 16:27:09 【问题描述】:我想做一些与此类似但使用表格行的东西
我用<li>
、花哨的边框等做了这个,真的很容易,但是对于表格行,我尝试了几乎所有的东西,tr、td 边框折叠、分隔、边距、填充,但我无法正确.
我想做的表结构是这样的:
<table>
<tr><td>abc</td><td>abc</td></tr>
<tr><td>abc</td><td>abc</td></tr>
<tr><td>abc</td><td>abc</td></tr>
</table>
【问题讨论】:
查看here中提到的一种可能的解决方案 【参考方案1】:您正在寻找边框间距。
http://www.w3schools.com/cs-s-ref/pr_tab_border-spacing.asp
#id1
border-collapse: separate;
border-spacing: 1em 0.5em;
【讨论】:
以上是关于如何使用透明间距/边框在行之间留出空间 - HTML/CSS的主要内容,如果未能解决你的问题,请参考以下文章
HTML 表格:仅在表格标题上有边框,边框折叠:在表格上分开