为 HTML 表格行添加边框，<tr>; [英] Giving a border to an HTML table row, &lt;tr&gt;

查看：47
本文介绍了为 HTML 表格行添加边框，<tr>;的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

是否可以为表格行设置边框， 一次性而不是为单个单元格设置边框， 之类的，>

<tr><th style="width: 96px;">第1列</th><th style="width: 96px;">第2列</th><th style="width: 96px;">第3列</th></tr><tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr><tr><td style="border-left:细实线；border-top:细实线；border-bottom:细实线；">&nbsp;</td><td style="border-top:细实线；border-bottom:细实线；">&nbsp;</td><td style="border-top:细实线；border-bottom:细实线；border-right:细实线；">&nbsp;</td></tr><tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr></tbody></table>
这会在给定的 <tr> 周围提供边框，但它需要在单个单元格周围设置边框.
我们可以一次性给
一个边框吗?
→jsFiddle
 解决方案 
您可以在 tr 元素上设置 border 属性，但根据 CSS 2.1 规范，例如属性在分离边框模型中没有影响，这往往是浏览器的默认设置.参考:17.6.1 分离边框模型.(border-collapse的初始值根据CSS 2.1是separate，有些浏览器也设置为默认值em> 用于 table.无论如何，最终效果是您在几乎所有浏览器上都会得到分离的边框，除非您明确指定 collapse.)
因此，您需要使用折叠边框.示例: