CSSで背景を持つフレキシブルなdivを作るには

Question

私はCSSをどのようにすることができるかについて、以下のような背景を持つフレキシブルなdivを作成しようとしていますか？私は3枚にボックスをカットすることをお勧め最高のクロスブラウザの互換性のため

Answer 1

：

トップと下の部分変更されていません。中央のものは3pxの高さと全幅を持ち、y軸に繰り返す必要があります。

<div id="shadowbox"> 
    <div class="content">Your Content here</div> 
    <div id="boxending"><!-- --></div> 
</div> 

#shadowbox { 
background: url(box_top_bg.gif) 0 0 no-repeat; 
} 

#shadowbox.content { 
    background: url(box_content_bg.gif) 0 0 repeat-y; 
    margin-top: //as high, as the top picture is 
} 

#boxending { 
    background: url(box_bottom_bg.gif) 0 0 no-repeat; 
} 

リセット用のスタイルシートを使用していない場合は、行の高さを示す空のdivに問題がある可能性があります。これを見てみましょう！