rounded corners

[1/1]

  1. HTML、CSS、角丸デザインで陥りがちな落とし穴:border-radiusとborder-collapseの葛藤
    border-collapseプロパティは、表のセル間のボーダーを結合し、1つのボーダーとして表示します。一方、border-radiusプロパティは、要素の角を丸くします。一見相性の良さそうな2つのプロパティですが、実はborder-collapse: collapseが設定されている場合、border-radiusは無効化されてしまうのです。
  2. Webサイトをもっとおしゃれに!CSSで角丸デザインを取り入れる
    CSSの border-radius プロパティを使って、要素の角を丸くすることができます。これは、ボタン、画像、ボックスなど、さまざまな要素に適用できます。基本的な使い方border-radius プロパティは、半径の値を指定して使用します。半径の値は、ピクセル、パーセンテージ、またはその他の単位で指定できます。