如何在行之间留出空间,并使用透明间距/边框 - HTML/CSS

发布于 2024-11-26 14:22:03 字数 503 浏览 3 评论 0 原文

我想做一些与此类似的东西,但对于表行

在此处输入图像描述

我用 、花哨的边框等,非常简单,但是对于表格行,我几乎尝试了所有内容,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>

I want to make something similiar to this but with table rows

enter image description here

I did this with <li>, fancy borders, etc and was really easy, but with table rows, I tried pretty much everything, tr, td border collapse, separate, margins, paddings and I can't get it right.

The structure of the table I want to make is something like this:

<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>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

往日 2024-12-03 14:22:03

您正在寻找边框间距。

http://www.w3schools.com/cssref/pr_tab_border-spacing.asp

#id1 {
  border-collapse: separate;
  border-spacing: 1em 0.5em;
}

You're looking for border-spacing.

http://www.w3schools.com/cssref/pr_tab_border-spacing.asp

#id1 {
  border-collapse: separate;
  border-spacing: 1em 0.5em;
}

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文