Html 如何使用css创建双色边框？

Le代码（无背景）：（更改颜色以获得额外对比度）

基本上，我有LI元素，我需要向它们添加这个边框：

背景中有一个模式，因此列表不能有背景

谢谢

（我不知道我在做什么。）

---

将LI元素容器的背景设置为黑色。在LI元素本身上设置一个边距顶部：1px；。然后在元素上设置一个边框顶部：1px实心{您的颜色代码}；。

您可以使用如下技术：

---

基本上，我使用的是不同颜色的上边框和下边框。

您可以对一种颜色使用轮廓属性，对另一种颜色使用边框属性

li {
outline: 1px gray solid;
border: 1px black solid;
}

---

这是一张图片吗？你想让图片成为边框，还是图片中有我看不到的双边框？@TheLindyHop如果你发布你已有的代码，我们会更容易回答你。而且，正如bozdoz所指出的，很难分辨图片中有什么。你应该发布一张更大的图片，显示全部效果，一个具体解释一下你想做什么。@lindyhop把你的问题修改一下，我很乐意+1你。这是一个好问题，只是很难理解你的意思。这并不能完全理解图片中的插入效果。如果OP提供了一个更清晰/更大的图片和/或更详细的解释，我会更好地理解你的意思想要的效果是什么。是的，背景必须是transparent@TheLindyHop注意你的问题是如何迅速被否决的。这是一个你需要修正它的指标。你在评论中回应，但没有用你的问题解决人们的问题，这一事实可能会使情况变得更糟……我修正了这个问题，但我认为答案在@joshuanhibbert的问题中。这将起作用，除非我需要它分别位于第一个和最后一个元素的上方和下方。然后，只需将边框添加到ul。我已更新了答案中的链接，以向您展示我的意思。删除第一个子和最后一个子样式，并将边框添加到ul元素的顶部和底部：

li {
outline: 1px gray solid;
border: 1px black solid;
}