如何添加在建网站表的内部线路

添加在建网站表的内部线路

当您使用CSS添加到表中的边界,它只会增加表外周围的边界 。如果你想添加内部线路,你需要添加边框内部CSS元素。或者你也可以使用HR标记单个细胞内添加行。
 

  • 为了应用这些样式,你应该有一个表,在您的网页 。然后,您应该创建一个样式表内部样式表,在您的文档或附加的文件作为外部样式表头 。你把样式添加到该样式表的内部线路 。

  • 难度:简单
  • 所需时间: 5分钟

这里的如何:

首先,您需要决定您想要的线条出现在你的表。您有几种选择:

  • 周围所有的细胞,形成一个网格
  • 刚刚列之间
  • 只是行之间
  • 特定的列或行之间
  • 围绕单个细胞
  • 内个别细胞
  • 如何添加周围的所有细胞中的表中的行

要添加行表中的所有细胞周围,以下内容添加到你的样式表:

td, th {
  border: solid 1px black;
}

如何添加只是在表中的列之间的线

要添加的列之间的线以下内容添加到你的样式表:

td, th {
  border-left: solid 1px black;
}

然后,如果你不希望他们出现在第一列,你将需要添加一个类,这些细胞TH和TD :

<td class="no-border">

下面的样式到你的样式表:

.no-border {
  border-left: none;
}

如何添加只是在表中的行之间的线

与列之间添加行,你可以做这只是一个简单的样式添加到你的样式表:

tr {
  border-bottom: solid 1px black;
}

,并删除从表的底部边界,你将添加一个类,TR标记:

<tr class="no-border">

下面的样式到你的样式表:

.no-border {
  border-bottom: none;
}

如何在表中添加特定的列或行之间

如果您只希望特定行或列之间的线,你需要使用一个类对这些单元格或行。添加列之间的线是略多于行与行之间的困难,因为你必须在该列中的每 一个细胞中添加类。

<td class="side-border">

添加行与行之间容易得多,你可以将该类添加到你想行的行。

<tr class="border-bottom">

然后添加CSS样式表:

.border-side {
  border-left: solid 1px black;
}
.border-bottom {
  border-bottom: solid 1px black;
}

如何在表中添加围绕单个细胞中的行

你希望周围边界的细胞中添加一个类的单个细胞周围添加线:

<th class="border">

然后添加以下CSS样式表:

.border {
  border: solid 1px black;
}

如何添加表中的单个细胞中的行内

如果你想添加行里面的一个单元格,做最简单的方法的内容,这是用一个 <HR>标签 。

提示:
如果您发现您的边界之间的差距,你应该确保边境崩溃的风格是设置在表上。以下内容添加到您的样式表:

table {
  border-collapse: collapse;
}

您可避免上述CSS和使用的边界在属性表的标签。但这个属性,而不是过时的,是显著低于CSS的灵活,因为你只能定义边框的宽度,只能有它周围所有的表或无细胞 。