私のサイトでは、divを一番上のコーナーにだけ丸みを帯びたものにする必要があります。しかし、私はこれを行う方法を知らない。誰か助けてくれますか?CSSの枠線の上部にのみ角を丸くするにはどうすればよいですか?
46
A
答えて
105
ブレンダンの答えは正しいですが、それはより多くのブラウザでレンダリングするために取得するには、これを使用する必要があります
-moz-border-radius: 0px;
-webkit-border-radius: 3px 3px 0px 0px;
border-radius: 3px 3px 0px 0px;
30
20
他の答えは正しいですが、速記ソリューションがあります:
border-radius: 3px 3px 0 0;
のみ上部の角を丸くし、単独の下のものを残します。値の順番は、左上、右上、右下、左下です。
ここでは例です:http://jsfiddle.net/9sXWf/
+0
あなたのコードを正しくフォーマットする方法を知っていると思います。 –
+0
うん..いいえ、確かに。サンプルと再フォーマットされた答えを追加しました。 – Swader
関連する問題
- 1. CSS3の丸い枠で内部HTML要素を切り抜くにはどうすればよいですか?
- 2. WPFで角を丸くした破線の枠線を作成するにはどうすればよいですか?
- 3. AndroidでGridViewの丸みのある四角形の枠線を作成するにはどうすればよいですか?
- 4. React Nativeで対角の枠線を作成するにはどうすればよいですか?
- 5. 角を丸くするにはどうすればいいですか?
- 6. 透明な枠線と角を丸くしてFlexイメージを作成するにはどうすればよいですか?
- 7. CSSを使用して枠線レイアウトを作成するにはどうすればよいですか?
- 8. CSSを使用して透明な枠線を作成するにはどうすればよいですか?
- 9. javafx&fxml:GUIの枠やラベルに枠線を適用するにはどうすればいいですか?
- 10. CSSの枠線/輪郭線の上に行く人
- 11. Blackberryで丸みのある枠線を使ってカスタムTextBoxFieldを作成するにはどうすればよいですか?
- 12. どのようにベクトル矩形の上に角を丸くしますか?
- 13. コード内の線形レイアウトの上部にビューを追加するにはどうすればよいですか?
- 14. サブプロットに対角線を描くにはどうすればいいですか?
- 15. 幅がパーセンテージのdivに1ピクセルの枠線を追加するにはどうすればよいですか?
- 16. Google Chromeのドロップダウンから黄色の枠線を削除するにはどうすればよいですか?
- 17. Chart.js V2.6.0の円グラフから白い枠線を削除するにはどうすればよいですか?
- 18. UIWebViewでiPhone上でCSSを使ってどのように角を丸くしますか?
- 19. AndroidのNativescript CardViewでボタンの枠線を削除するにはどうすればよいですか?
- 20. FlutterのPhysicalModelで円の枠線を作成するにはどうすればよいですか?
- 21. Internet ExplorerでImageMapコントロールの青色の枠線を削除するにはどうすればよいですか?
- 22. コロナsdkのスプラッシュ画面でピンクの枠線を削除するにはどうすればよいですか?
- 23. CSSの枠線の形状 - どのように矩形の右上の角をカットオフ
- 24. PictureBoxコントロールに色付きの枠線を作成するにはどうすればよいですか?
- 25. cardviewに色付きの枠線を追加するにはどうすればよいですか?
- 26. 図形をFlashの枠線にクリップするにはどうすればよいですか?
- 27. この範囲の枠線を設定するにはどうすればよいですか?
- 28. iframeの枠線の色を変更するにはどうすればよいですか?
- 29. グループボックスの枠線の色を変更するにはどうすればよいですか?
- 30. カスタムCProgressCtrlの周りの枠線を削除するにはどうすればよいですか?
設定しようとしたときに試してみました何[ ' border-radius'](http://www.w3.org/TR/css3-background/#the-border-radius)? – Sampson
本当の質問を構成するものは混乱しています。これが本当の質問ではないなら、それは何ですか? –
この質問の最初の改訂版でさえ、何が尋ねられているかを見るのは簡単でした。私は同意する、これは閉鎖されていてはならない。 – thomasrutter