錐形css邊框

Question

如何在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; 
} 

Answer 1

看看#page-container和#page-container-inner。它看起來像使用兩個圖像完成漸變邊框：一個用於左邊框，另一個用於右邊框。