Css 每个项目之间的菜单行

这是我的布局菜单：

你能看到每个菜单项之间的黑白低透明度线吗？ 我怎样才能把它们做成那样的尺寸？你也可以看到每个菜单项都有一定的空间，我该怎么做

感谢您使用rgba：

your_li_element_selector {
    border-right: 1px solid rgba(255, 255, 255, 0.5); /* white border with opacity 50% */
    border-left: 1px solid rgba(0, 0, 0, 0.5); /* black border with opacity 50% */
}

隐藏第一个菜单项的左边框：

your_li_element_selector:first-child {
    border-left: 0;
}

your_li_element_selector:last-child {
    border-right: 0;
}

隐藏最后一个菜单项的右边框：

your_li_element_selector:first-child {
    border-left: 0;
}

your_li_element_selector:last-child {
    border-right: 0;
}

---

2） 用于

li

元素和

a

元素内部的

margin

和

padding

属性的空间使用。

您可以使用RGBA进行左边框和右边框操作，并降低不透明度。删除额外边界的第一个子项和最后一个子项。不利的一面是，在一些较老的浏览器中，上述方法不起作用。正如@dev所说，最合适的方法可能是使用图像

---

使用RGBA、第一个子项和最后一个子项的示例：

没有代码，没有人能告诉您具体需要做什么。我没有代码，它只是一个使用Uls和列表的常规菜单，我只需要知道一种在每个菜单项之间添加线条图像的好方法，如果您想要100%匹配，然后切片并用作图像。你必须为此编写一些HTML+CSS。关于备选方案，您可以将左框的右边框用作白色，将右框的左边框用作黑色。；）谢谢正是我想要的。