HTML 中的边框（垂直线）

Question

如何像此处那样在我的网页边框周围创建边框？

http://www.callieschweitzer.com/

我尝试做水平线，但很难将其与垂直线对齐...不过我觉得有更简单的方法。有什么想法吗？

Answer 1

.parentDiv{
width:60%;
border:2px solid #DDDDDD;
padding:10%;
margin:10%;
}

<div class="parentDiv"></div>

Answer 2

假设您的页面内容位于一个容器中，例如，分配了 css class "page-border"，这将是 css:

.page-border
{
    border: 1px solid #DDDDDD;
    padding: 10px;
    margin: 10px;
}