渐变css边框

您如何创建一个锥形的css边框，就像在主体的顶部。 看起来他们在用边距做些什么，但当我把它复制到我的时，它就不起作用了。以下是我的css：

#center{
    margin:0 1px;
/*  margin-top: 0px; the part I copied from KhanAcadmey
    margin-right:1px;
    margin-left: 1px;
    margin-bottom:1px;*/    
    border-left:1px solid #3D3D3D;
    border-right:1px solid #3D3D3D;
    float:left;
    width:46%;
    height:100%;
    z-index:5;
}

看看

#页面容器

和

#页面容器内部

。看起来锥形边框是使用两个图像完成的：一个用于左边框，一个用于右边框