【问题标题】:HTML table come border lines every 3 columnHTML 表格每 3 列有边框线
【发布时间】:2021-12-12 06:55:11
【问题描述】:

我想将每个 3 tr 包装成红色轮廓。

image

“test”、“image”和“click”都是 tr 元素。 我想用红色轮廓包裹它。

有什么方法可以用 css 可视化吗?

【问题讨论】:

  • 一些伪代码可能会让你到达那里,但它会很丑陋。嵌套表可能会更好。
  • 这是表格数据(那么肯定使用表格),还是使用表格进行布局(在这种情况下考虑 CSS 网格或弹性框布局)?
  • 我打算实现卡片布局,3行3列。
  • 请在您的问题中显示足够的 HTML 和 CSS,以便我们可以看到结构。否则我们只是在猜测什么可能是一个好的解决方案。
  • 请提供足够的代码,以便其他人更好地理解或重现问题。

标签: html css border tr


【解决方案1】:

你可以给第一个 tr 边框顶部,最后一个 tr 边框底部和中间 tr 边框左右,它将把它包围在一个边框中,看起来它们都在一个盒子里。 你可以通过给他们 id 然后选择他们来做到这一点。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2020-10-22
    • 2013-06-20
    • 2013-10-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-12-24
    相关资源
    最近更新 更多