html - 如何使用 CSS 渲染像第一张图片一样的表格？

Question

我想 CSS 一个表格，但我无法呈现“tr”之间的线：

Answer 1

试试这个

table {
    border-left:1px solid #000;
    border-bottom:1px solid #000;
}
td {
    border-top:1px solid #000;
    border-right:1px solid #000;
    width:50px;
    padding:0 0 0 10px;
}

工作演示

Answer 2

添加这个CSS：

td {
    border:1px solid #000;
}

Answer 3

只需将属性添加rules="all"到您的<table>.

Answer 4

将 CSS 放在 tr 元素上并不总是很好。

如果你只想要行边框，你可以尝试这样的事情：

td {
border-bottom:1px solid #000;
}