如何在html中为表格放置多个水平线?

时间:2016-11-17 23:31:34

标签: html

我第一次使用html生成一个可以在出版物中使用的漂亮表。我在放置User: -id -name Comment: -id -user id (FK) -content 时遇到问题。每次我这样做都会将线放在图的顶部(见下图)。虽然我确实需要在那里划一条线,但我还想要一条完全横跨大胆措辞以及生长速度和生物量之间空间的线(这基本上将两个属分开)。

另外,如果它没有多少工作,我还想要将每个模型分开的水平线(即模型生物量上的最后一个可变密度和每个共生inium的模型叶绿素上的第一个变量密度之间)。但是,我希望水平线停在Model。

希望这是有道理的,我已将下面的代码链接起来(我知道格式很糟糕!)。

谢谢!

enter image description here



{{1}}




2 个答案:

答案 0 :(得分:2)

Hr元素不是这里的方式。在桌面上使用边框会更容易,更清洁。

<强> CSS

table{
    border-collapse: collapse; //collapse all borders so they don't double up
    border:1px solid #000; //add border around entire table

}



tr{
    border-top:1px solid #000; //add single line to top of each row
    border-bottom:1px solid #000; //add single line to bottom of each row
}

如果您不使用外部CSS,可以内联执行此操作 - 但您必须将tr样式添加到每个表行,如下所示:

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

答案 1 :(得分:1)

我看了你的剧本,我注意到你确实宣布了<table>两次。 两者中的第一个有边界。 我建议(你需要)只声明一次表并将两个参数组合在一起,如:<table width='100%' border='1'>

第二种可能性是将<HR>括在<TD>内。 如:<tr><td colspan='7'><hr></td></tr>

第三个选项是使用样式为每个cel分配一个边框(顶部,左边的rigth,底部),如上面的答案所示: - )

祝你好运