css - 中间没有空格的双边框

Question

我想做一个双边框，但中间没有空格，双边框应该是不同的颜色。我尝试使用图像代替，但我认为 css 可能可以为我完成这项工作，我在网上搜索但几乎找不到任何接近的东西。

我想要的是总共 2px 的虚线边框，顶部颜色为 #a4a4a4，底部颜色为 #474747。

知道我该怎么做而不是创建 2 个 div 吗？

Answer 1

CSS 不支持每边多于一种边框颜色。如果您想要两个不同颜色的虚线边框，则需要有 2 个不同的元素，每个元素都具有不同样式的边框。