Html 使用<；人力资源>；用桌子做标签？_Html

Html 使用<；人力资源>；用桌子做标签？

html

Html 使用<；人力资源>；用桌子做标签？,html,Html,我有一个表格，其边框在CSS中设置为“无”。但是，我想用一条水平线分隔表上的每一行。我曾尝试将标记放置在特定行的每个标记之间，但它会在每列之间打印一条带小空格的水平黑线有没有其他方法可以在表格中打印水平线？不能将非表格行的内容放在表格正文中相反，您应该为需要加下划线的行指定一个类，这样您就可以在样式表中为它们设置一个底部边框的样式我建议： <tr style="border-bottom: 1px solid #000;"> 在每一行上，你都想看到这条线。您也可以为每个

我有一个表格，其边框在CSS中设置为“无”。但是，我想用一条水平线分隔表上的每一行。我曾尝试将

标记放置在特定行的每个

标记之间，但它会在每列之间打印一条带小空格的水平黑线

有没有其他方法可以在表格中打印水平线？

不能将非表格行的内容放在表格正文中

相反，您应该为需要加下划线的行指定一个类，这样您就可以在样式表中为它们设置一个底部边框的样式

我建议：

<tr style="border-bottom: 1px solid #000;">

在每一行上，你都想看到这条线。您也可以为每个单元格单独执行此操作

更新

如果可以的话，我建议您使用一个css类和一个单独的样式表。比如说

<tr class="bordered"></tr>

tr.bordered {
    border-bottom: 1px solid #000;
}


边界的{
边框底部：1px实心#000；
}

您希望在tr元素上添加边框。人力资源是一个横向的规则，而不是一个边界，不应该作为一个边界使用

tr{
边框底部：1px实心#000；
}
1.
2.
3.
1.
2.
3.

noshade=“noshade”

属性可以帮助您移除阴影，并且可以从基于CSS的HR行中找到更多想法

和基于表格的样式类似

.bottomborder { 
   border-bottom: 1px solid #CECECE; 
}

<td class=border-bottom>

.bottomborder{
边框底部：1px实心#CECECE；
}

跟随不起作用

<tr class=border-bottom>

您可以为“分离”定义CSS类

：


tr.td{
/*设置分隔行的边框样式*/
边框底部：1px纯黑；
} 
桌子{
/*使边框连续（列之间没有间隙）*/
边界塌陷：塌陷；
}

然后只需标记所需的行：

 <tr>
      <td>
      <td>
 </tr>
 <tr class="separated">
      <td>
      <td>
 </tr>
 <tr>
      <td>
      <td>
 </tr>

参见示例

在行之间添加水平线的最佳方法是使用CSS边框。首先，您希望折叠表的所有边框，以便单元格之间没有空间（这可能也有助于您的解决方案，但我不建议为此使用hr）。接下来，在每个单元格（td）的底部指定边框。类似地，您可以将边框放置在左侧、右侧、上方等位置。请参见下面的自包含HTML

<html>
<head>
    <style type='text/css'>
        table.test { border-collapse: collapse; }
        table.test td { border-bottom: 1px solid black; }
    </style>
</head>
<body>
    <table class='test'>
        <tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
        <tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
        <tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
    </table>
</body>
</html>


table.test{边界折叠：折叠；}
table.test td{边框底部：1px纯黑色；}
1234
1234
1234

有关更多边框选项，请检查。

我知道这条线已经有一段时间没有被触动了，但我找到了这个可能的解决方案

例如，如果使用2列表格，请使用

。它将跨越两列中的两个单元格，从而节省了对任何其他CSS的需要

<tr>
<td>data<td>
<td>data2</td>
</tr>
<td colspan="2"></td>


数据
数据2

请友善一点这是我的第一篇帖子！：）

您可以试试这个，它工作得非常好：

<tr>
    <td colspan="Number of columns">
        <hr>
    </td>
</tr>

您所要做的就是将水平规则作为新行放入，而不使用特定的Css样式，它将为您做到这一点，并且非常容易实现。希望这有帮助

<tr>
    <td>
        <hr>
    </td>
</tr>

您可以使用边框，但如果您想创建一个hr标记（以便对其进行样式设置），则需要在td中使用div标记


桌子{
边框：1px纯黑；
}
运输署{
保证金：0；
}
div{
显示器：flex；
证明内容：中心；
}
人力资源{
保证金：0；
宽度：80%；
}
第一排

第二排

不是吗？我不会使用内联样式，而是使用类。我个人会使用类。但是，对于刚开始开发Email的人来说，无论哪种方式，works+内联样式都更容易学习。我不认为tr可以直接采用边框样式。请参见此处：TRs无法获得边框样式。不确定为什么这是可接受的答案，这不应该起作用。这个答案确实起作用，但没有说明这只适用于设置为

collapse

的

border collapse

规则。TRs无法获得边框样式。还有一件事使这个答案几乎与其他答案一样，除非表格上有边框折叠：折叠样式，否则边框可能看起来是破损的。我对已经包含这一点的答案投了更高的票，但感谢您做出调整。我删除了否决票。这应该被标记为正确答案，因为在大多数现代浏览器中，被接受的答案实际上是不可能的。不确定它是否回到了11年，但现在已经不是了。您提供的解决方案只创建了一个跨两列的单元格。OP的问题是如何创建一条水平线来分隔表中的每一行。如果将多列单元格放在一个新标记内，并且将

放在单元格内，则会在整个表中得到一条水平线。（从技术上讲，您只需要创建一个只包含一条水平线的新行。）对于OP的问题来说，这仍然是一个糟糕的解决方案，但在一些更有限的情况下可能有用。效果非常好。

<tr>
    <td colspan="Number of columns">
        <hr>
    </td>
</tr>

<tr>
    <td>
        <hr>
    </td>
</tr>