方法-丸みを帯びた画像
CSSを使用して丸みを帯びた円形の画像を作成する方法を学びます。
丸みを帯びた画像を作成する方法
ステップ1)HTMLを追加します。
例
<img src="img_avatar.png" alt="Avatar">
ステップ2)CSSを追加します。
プロパティを使用しborder-radius
て、画像に丸みを帯びた角を追加します。50%は、画像を円形にします。
例
img {
border-radius: 50%;
}
画像のスタイル設定方法の詳細については、 CSS画像チュートリアルにアクセスしてください。