1

CSSでナビゲーションバーを作成しています。ナビゲーション バーには背景画像があり、画像の角を丸くしたい。私はすでに他のことを試し-mozましたが、これまでのところ何もうまくいきませんでした。これが私のCSSです：

ul{
    background-image: url(nav_bar.png); height: 60px;width: 35%;
    background-repeat: no-repeat;
    position: relative;
    margin:1;
    padding:0;
    left: 30%;
}

角を丸くするにはどうすればよいですか？

ありがとう！

4

1 に答える 1

1

border-radiusとともに使用しbackground-clipping: padding-box;ます。PrefixFreeのようなものを含めない限り、どちらのプロパティにもブラウザ固有のプレフィックスが必要です。

追加した CSS は次のようになります。

ul {
    -moz-border-radius: 10px; /*increase the value to make it more round*/
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-background-clipping: padding-box;
    -webkit-background-clipping: padding-box;
    background-clipping: padding-box;
}
于 2012-10-09T14:07:06.563 に答える