角丸生成

境界半径ガイド

境界線の半径は、要素の角の丸みを制御します。半径の値が異なると、シャープでプロフェッショナルなものからソフトで親しみやすいものまで、異なるデザインの感触が生まれます。

スライダーを使用して各コーナーを個別に調整します。プレビューはリアルタイムで更新されます。プロジェクトの CSS コードをコピーします。

Pro Tips

• 小さな半径 (2 ～ 6 ピクセル) はボタンと入力に適しています。中程度の半径 (8 ～ 16 ピクセル) はカードとコンテナに適しています。
• 大きな半径 (20 ピクセル以上) は、フレンドリーでモダンなデザインを作成します。関連する要素に非常に異なる半径を混在させないでください。

FAQ

Q: 各コーナーに異なる半径を設定できますか?

各コーナーに異なる半径を設定できますか?はい、次の形式を使用します: border-radius: 左上-右上-右下-左下。

Q: カードの境界線の最適な半径はどれくらいですか?

カードの境界線の最適な半径はどれくらいですか? 12 ～ 16 ピクセルは、ほとんどの最新デザインのカードのスイート スポットです。