在DIV中的DIV元素之间创建半边框

Question

我正在尝试使用CSS char days[7][10] = { 在DIV元素中包含的DIV元素之间创建半边框。不幸的是，这只能在所包围的DIV元素的外部渲染边框。我会很感激的。

这是我的代码：

HTML：

::after

CSS：

<div class="menu">
    <div class="subDiv1">Foo</div>
    <div class="subDiv2">Bar</div>
    <div class="subDiv3">Baz</div>
</div>

https://jsfiddle.net/2yGQD/1727/

Answer 1

添加位置：相对于您的细分

.subDiv1 {
position:relative;
width: 20%;
height: 150px;
background-color: #fff;
float: left;
color:  #7e8083;
}