CSS多层边框？

Question

我想在这个网站(主要/大网站)中制作一个像这样的 div 边框:http://wiki.travian5.com/tiki-index.php

但到目前为止我所得到的是:

#main {
    border: 5px solid #d5d8db;
    outline: #ffffff solid 1px;
}

快完成了。我只是不知道如何在边框前制作那条黑线。

知道如何解决这个问题吗？我尝试研究但找不到任何东西。

Answer 1

#main 元素中嵌套了另一个元素

例如:

#main {
     border: 5px solid #d5d8db;
     outline: 1px solid #ffffff;
}

#content {
     border: 1px solid gray;
}

<div id="main">
    <div id="content">
        Hello World!
    </div>
</div>

提示:我建议改用类(例如 .main、.content)