如何创建Facebook风格的垂直边框线（布局）？ :)

Question

如何使用CSS在facebook（左，右）一侧创建垂直边框线？

我已经阅读了Stackoverflow上的几篇帖子，但我找不到我想要的内容......有人知道如何制作垂直线（布局）吗？ 谢谢:)）

实

 | contents |
 |          |
 |          | <-these two vertical lines on facebook
 |          |
 |          |

Answer 1

有两种选择：

1. 使用css边框并使用box-shadow
2. 在那里使用图像线

两者都很好。我会选择css解决方案，但还有其他人创建一个图像背景并将其放在主要内容区域后面，然后将所有内容置于其上。

Answer 2

首先指定您的内容宽度。然后用     保证金：0自动; 它会将您的内容保留在页面中间，并且两边的空格都是空白的。然后在内容上加上虚线边框。试试吧。提供反馈。

Answer 3

只需将边框和阴影应用于这些边框（您可以更改框阴影值以满足您的需要）。这是一个fiddle

.middle {
    width:400px;
    height:800px;
    border-left:1px solid #eeeeee;
    border-right:1px solid #eeeeee;
    margin:0 auto;
    box-shadow: 5px 5px 5px #888888;
}

Answer 4

您可以使用border-right和border-left，这是以下示例

#middle-region{
width: 900px;
min-height: 600px;
border-right: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
margin: auto;
}