html – 如何：“用行分隔表行”

概述我有一个包含表行的基本HTML表。我的目标是用可见行分隔这些表行(为了更好的可读性)。 我该怎么做？ 有几种方法可以做到这一点。单独使用HTML，你可以写 <table border=1 frame=void rules=rows> 或者，如果您想要在第一行上方和最后一行下方的边​​框， <table border=1 frame=hsides rules=rows> 这是相当僵化的;你不能使线条 我有一个包含表行的基本HTML表。我的目标是用可见行分隔这些表行(为了更好的可读性)。

我该怎么做？

解决方法 有几种方法可以做到这一点。单独使用HTML，你可以写

<table border=1 frame=voID rules=rows>

或者，如果您想要在第一行上方和最后一行下方的边​​框，

<table border=1 frame=hsIDes rules=rows>

这是相当僵化的;你不能使线条以这种方式点缀，或者比一个像素更粗。这就是为什么在过去人们使用特殊的分隔符行，只包含一些旨在产生行的内容(它变得有点脏，特别是当你需要制作行，例如只有几个像素高，但这是可能的)。

对于大多数情况，现在人们为此而使用CSS边框属性。这是相当简单和跨浏览器。但请注意，为了使线条连续，您需要防止单元格之间的间距，使用表标记中的cellspacing = 0属性或CSS规则表{border-collapse：collapse; }。删除这样的间距可能需要在单元格内添加一些填充(最好使用CSS)。

最简单，你可以使用

<style>table {  border-collapse: collapse;}tr {   border: solID;  border-wIDth: 1px 0;}</style>

这将边界放在第一行之上，并在最后一行之下。为了防止这种情况。以下进入样式表：

tr:first-child {  border-top: none;}tr:last-child {  border-bottom: none;}

总结

以上是内存溢出为你收集整理的html – 如何：“用行分隔表行”全部内容，希望文章能够帮你解决html – 如何：“用行分隔表行”所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。