CSSのborder-radiusで角丸に表示する方法(3ページ目)CSSのborder-radiusプロパティを使って、スタイルシートだけでボックスなどの角を丸くする方法を解説。枠線が引かれていれば四角い枠線の角が丸くなりますし、背景色が塗られていれば四角い塗りつぶし領域の角が丸くなります。画像の四隅を丸くカットすることも可能。角丸の半径は1ピクセル単位で設定でき、四隅の一部だけ(上だけ・下だけ・左だけなど)を角丸にすることもできるため、連結ボタンに見せる装飾も簡単に作れます。 応用編:角丸ボタンの作り方 最後に、border-radiusプロパティを使って四隅を角丸にする方法や、border-top-left-radiusプロパティなどを使って四隅を別々に角丸にする方法の応用例として、グラデーションを併用した角丸ボタンや連結ボタンを作る方法をご紹介いたします。 どちらも、テキストリンク