HTML中的边框（垂直线）

Question

如何在网页边框周围创建一个边框，就像在这里一样？

http://www.callieschweitzer.com/

我尝试做一个横向规则，但很难将它与垂直规则对齐......但我觉得有一种更简单的方法。任何想法？

Answer 1

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 2

假设您的页面内容位于一个容器中，例如，为其分配了一个css类“page-border”，这将是css：

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