画像を丸く切り抜きたい
「border-radius:50%」とすることで正方形の画像の4隅を丸く加工することができます。radiusとは半径のことです。ボーダーを正方形の1辺の半分を半径とする円にする、ということになります。
ただし、2つ目の例のように画像が長方形ですと正円にはなりません。
名古屋のITエンジニア向け研修会社。新人エンジニア研修からプロジェクトマネジメント研修まで
「border-radius:50%」とすることで正方形の画像の4隅を丸く加工することができます。radiusとは半径のことです。ボーダーを正方形の1辺の半分を半径とする円にする、ということになります。
ただし、2つ目の例のように画像が長方形ですと正円にはなりません。