css - 在我的情况下如何设置 div 边框？

Question

我对 div 元素边框有疑问

我正在尝试创建一堆divs这样的行为table

所以

<div class='div'>first</div>
<div class='div'>second</div>
<div class='div'>third</div>
<div class='div'>four</div>

我的CSS是

.div{
border: solid 1px black;
}

我所有的 div 都有边框，但问题是我的所有 div 的顶部和底部边框都不2 px是1px因为我的 css 适用1 px于每个 div。第二个和第三个div在顶部和底部都有思考者边界。

我无法真正更改类名，因为它是动态生成的。有没有办法解决这个问题？

非常感谢！

score 2 · Accepted Answer

删除除第一个元素外的每个元素的顶部边框。

.div {
    border-style: solid;
    border-color: black;
    border-width: 0 1px 1px 1px;
}
.div:first-child {
    border-width: 1px;
}

这是一个不同的例子。

score 1 · Accepted Answer

你试过写这样的东西吗：

.div {
border:1px solid  black;
border-bottom:0;
}

.div:last-child {
border-bottom:1px solid black;
}

score 0 · Accepted Answer

尝试将此添加到您的样式中。

<style>
.div{
border: solid 1px black;
border-bottom:none;
}
.div2{
border: solid 1px black;
}
</style>

然后将其添加到您的身体中：

<div class='div'>first</div>
<div class='div'>second</div>
<div class='div'>third</div>
<div class='div2'>four</div>

3 回答 3