你如何用css做双色边框？

Question

Le Code（无背景）：http://jsfiddle.net/SP6ny/（颜色已更改以获得额外对比度）

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

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

感谢。

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

body{
    background: black;
}
.rl_section{
    color: white;
    display: block;
    font-size: 12px;
    margin-bottom: 20px;
}

.rl_section:first-child;{
    border-top: none;
}
.rl_section:last-child;{
    border-bottom: none;
}
.rl_content{
    width: 100%;
    display: block;
    border-top: 1px solid #aaf;
    border-bottom: 1px solid #a55;
    padding: 3px 0;
}

Answer 1

您可以使用以下技术：http://jsfiddle.net/sl1dr/Hub86/

基本上我使用不同颜色的顶部和底部边框。

Answer 2

使LI元素的容器背景变黑。做一个保证金：1px;关于LI元素本身。然后是一个border-top：1px solid {#YOUR COLOR CODE};关于元素。

Answer 3

你可以使用1种颜色的轮廓属性和其他

的边框

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