CSS間スペースCSSスプライトメニューボタン

Question

私は垂直CSSスプライトメニューを持っています。

各垂直ボタンの間に（例では）3ピクセルのスペースを実現したいと思います。 CSSでこのスペースを作成することはできますか？

またはすべてのボタンでスプライトのサイズを変更し、CSSファイル内の新しい位置をすべて設定する唯一のオプションですか？

Answer 1

が、メイン：例えば

markupに問題があります。このように書きます：

ul#menu { 
    clear: both; 
    float: right; 
    list-style: none outside none; 
    margin: 0; 
    padding: 0; 
} 
#menu li { 
    margin-bottom: 3px; 
    margin-right: 10px; 
    overflow: hidden; 
    text-indent: -9999px; 
} 

&はあなたhtml

Answer 2

はい、可能です。

各ボタンが独立して他のボタンの背景を使用して、あなたは、単にそれぞれにマージンを置くことができると仮定すると：はい、それは使用するのは簡単です

#menu li{ 
    background: url(../urlToSprite) /* set positions elsewhere */ 
    margin-bottom:3px; 
}