66

私のサイトでは、divの角を上隅だけに丸くする必要があります。しかし、私はこれを行う方法がわかりません。誰かが私を助けることができますか？

4

3 に答える 3

134

ブレンダンの答えは正しいですが、より多くのブラウザでレンダリングするには、次のように使用する必要があります。

-moz-border-radius: 0px;
-webkit-border-radius: 3px 3px 0px 0px;
border-radius: 3px 3px 0px 0px;
于 2012-04-09T13:41:08.490 に答える
37 
border-top-left-radius: 3px;
border-top-right-radius: 3px;
于 2012-04-09T13:37:53.390 に答える
26

他の答えは正しいですが、簡単な解決策があります：

border-radius: 3px 3px 0 0;

これは上部の角だけを丸め、下部の角だけを残します。値の順序は時計回りです-左上、右上、右下、左下。

次に例を示します：http：//jsfiddle.net/9sXWf/

于 2012-04-09T13:40:22.077 に答える