锥形css边框

时间:2012-02-12 22:45:39

标签: css

如何在www.khanacademy.org的主体顶部周围创建锥形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;
}

1 个答案:

答案 0 :(得分:2)

查看#page-container#page-container-inner。看起来锥形边框是使用两个图像完成的:一个用于左边框,另一个用于右边。