Question

在一个非常基本的表格中，我想在一些特定的细胞周围放置边框。我创建了这个表：

nav h1 {
    style: something funky;
}

我想在包含＆＃34; Bart＆＃34;和＆＃34; Shirley＆＃34;：两个细胞周围有1个单边框。所以对于含有＆＃34; Bart＆＃34;我想要左边框，上边框和左边框。对于包含＆＃34; Shirley＆＃34;我希望有正确的边界，左边界和下边界。

我想我需要在style1tt.css文件中指定它，然后在我的表元素中做出正确的引用？

我是CSS的绝对初学者，我参加了一些基本的CSS课程/介绍，但找不到解决问题的（可理解的）解决方案。

非常感谢任何帮助/输入。谢谢，蒂姆

Answer 1

首先将一些类添加到要解决的单元格中。

echo '<tr>
    <td class="border-tophalf">Bart</td>
    <td>189</td>
    <td>2</td></tr>';           

echo '<tr>
    <td class="border-bottomhalf">Shirley</td>
    <td>211</td>
    <td>1</td></tr>';

现在您可以将css添加到特定的类：

.border-tophalf{
  border: 1px solid #000; /* adds full border */
  border-bottom: none; /* removes bottom border */
}
.border-bottomhalf{
  border: 1px solid #000; /* adds full border */
  border-top: none; /* removes top border */
}

Answer 2

＆＃13;

//add class in td
.top{
  border-bottom: 1px solid #000;
}
.bottom{
  border-top: 1px solid #000;
}

＆＃13;

通过CSS边界表中的一些单元格

2 个答案: