テーパード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を見てみましょう。テーパーの付いた境界線は、左の境界線と右の境界線の2つのイメージを使用して作成されているようです。