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