css - 您将如何编写仅在模板单元格顶部和左侧制作实线的工作表？

Question

我有一个由许多单元格构成的模板，作为表单的一部分。我写了几种具有边框背景颜色等的类型，以便我最终可以将它们应用于边缘的单元格，并通过将它们放在一起围绕整个信息构建一个框。为了在这里清楚说明我尝试做的一个例子:

如果你有 9 个单元格组成一个杯子，中间顶部的单元格将在顶部有一个边框，左上角的一个将在左侧和顶部有边框，依此类推。这对“直”部分很有效，在这个例子中是每一边的中间部分。

但是 Angular 落既没有出现背景颜色也没有出现边框。

我尝试的基本上就是这样。我在右下角写了如下代码:

.brechtsunten {
  background-color: #81a0e9 !important;
  border-right: 2px solid !important;
  border-bottom: 2px solid !important;
  border-color: #183b8b !important;
}

它什么都不做，我的意思是如果我在浏览器中打开外部表单，它甚至不会出现在检查器部分的样式过滤器中，所以我什么也得不到，比如语法错误消息.

Answer 1

如果使用 border-bottom，则必须指定 border 属性

例子

border-bottom-width: 33px;

编写 CSS 的正确方法

  background-color: #81a0e9 !important;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border: 0px solid #183b8b;
}