border-radiusで角を丸くしてみよう！角丸プロパティの使い方

ま る す ぎｗ 可愛すぎるプロパティ、「border-radius」。 背景や画像の角を丸くしたいときに使います。 世間では「角丸」なんて呼ばれて可愛がられていますが、とくに画像編集などを使わなくともCSSで簡単に実装できるのは嬉しい限り。 「border-radius」、最高です。 例えば↑背景の角を丸めたり、 左記のような写真や画像を丸めたいときに使います。 どの程度丸めるのかは自由に調節でき、丸めすぎると、↓丸になります。 もう想像しただけでこの便利さが伝わるはず。 当ブログのフッターでも使っていますが、どう考えても神がかっています。 では使い方。 border-radiusで角の丸さを指定 HTMLのstyle属性、あるいはCSSにborder-radius: ;を記述します。 そして20px、20％などの単位で丸さを調節。 コードの例 ■画像を丸くする <img border=