html - html css ツールバー

Question

ツールバーの幅を調整するのに問題があります。100px を増やすとすべてうまくいきません。マージンの角を丸めるにはどうすればよいですか?

デモはこちら - http://jsfiddle.net/bArx5/

どうもありがとう

Answer 1

各要素の幅を広げるaと、リストがラップされます (「すべてがうまくいかない」という意味であれば)。要素の最小幅を設定することでこれを防ぐことができますul(ここでフィドル):

ul#list-nav {
    margin: 20px;
    min-width: 700px;
}

aこれは、要素の幅に応じて調整する必要があります。

「マージンの角を丸めるにはどうすればよいですか」という意味がよくわかりませんが、アンカー要素の丸みが必要な場合は、それらに境界線の半径を追加できます。

ul#list-nav li a:hover {
    background-color:black;
    color:white;
    border-radius: 5px;
}​