一个层 前后 插入元素；形成 边框

.a {
    background-color: #FFFFFF;
    margin-top: 10px;
    position: relative;
    overflow: hidden;
display:block;
}
.a:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid red;
}

.c{
padding: 14px 15px 10px;
color: #999;
font-size: 13px;
background:#ccc;
display:block;

}
.c:after{
border-bottom:1px solid red;
content:"";
position:absolute;
 left: 0;
 bottom:0px;
width: 100%;
height: 1px;
}