如何在两个div之间设置垂直边框？

Question

我在处理两个 divs 之间的边框时遇到问题，所以我尝试了几个不同的代码片段，看看它是否能满足我的需要；例如，我尝试在 divs 之间使用新的 <div > 我希望垂直边框位于其中，但我认为我输入的信息不正确。我知道您还必须向 CSS sheet 添加代码，但是它到底应该是什么样子呢？正确的方法是什么？

考虑到这段代码：我将如何在 #content 和 #sidebar 之间添加一条垂直线？如果它有文本，你可以说它是一条分隔两个元素的垂直线。

<div id="container">
        <div id="header">
            header content here
        </div>

        <div id="content">
            main content here
        </div>

        <div id="sidebar">
            sidebar content here
        </div>

        <div id="footer">
            footer content here
        </div>

    </div>

=============CSS============

#container {
    width: 960px;
    margin: 20px auto;
}

#header {

}

#content {
    float: left;
    width: 620px;
}

#sidebar {
    float: left;
    width: 340px;

}

footer {
    clear: both;
}

这是关于这段代码在文本中的样子的图片。 Example with text of code given above

所以基本上，我正在尝试弄清楚如何在左段落和右段落之间添加边框。

我希望它是可以理解的，我的问题也很清楚。

谢谢，

Answer 1

我有一个想法，但我不确定它的效果如何。将 'first name' 输入作为一个 div 放在 'Access now' 按钮上，并定义一个左边框 css 属性，如下所示：

`.mydiv{
border-left: thick double #777;
}`

Answer 2

您可以在#sidebar 中使用border-left-style: solid; 或在#content

中使用border-right-style: solid;

如何在两个div之间设置垂直边框？

How to set a vertical border in between two divs?

html

css

border