一定高度的CSS边框

我有一个带有导航和一些边界的网站。但我不希望边界从顶部延伸到底部。你知道怎么做吗

目前，我有第一张图片，但我想做下一张。我在想

填充

或

线条高度

，但我不确定

---

最简单的方法是在另一个

div

内部使用

div

，内部

div

可以获得边框，外部可以获得填充。

在另一个内部创建

.first{
line-height:20px;
}

.second{
height:15px;
border-right:1px solid #000000;
}

然后

在这里测试

使用填充是

.yourlink {display:inline-block;padding:10px 0; border-right: 1px solid #000;}

制定了一个解决方案：

HTML

---

2个问题：1-您是否尝试过这些选项中的任何一个？2-你能提供当前的代码吗？不，我没有，因为我现在很忙，不能开发。我已经回答了你第二个问题。我现在无法访问我的代码来禁用最后一个子分隔符do#mymenu li:last child a{border right:none；}

.yourlink {display:inline-block;padding:10px 0; border-right: 1px solid #000;}

<ul id="mymenu">
    <li><a href="#">item 1</a></li>
    <li><a href="#">item 2</a></li>
    <li><a href="#">item 3</a></li>
</ul>

#mymenu {display:block;height:40px;padding:10px;background-color:Green;}
#mymenu li {display:inline-block;background-color:Green;float:left;}
#mymenu a {display:block;color:#000;padding:10px;border-right:1px solid #000;height:20px;text-decoration:none;}
#mymenu li:hover {background-color: Blue;}
#mymenu li:hover a {color:#fff;text-decoration:underline;}