Paano gumawa: imahe ng avatar

Matututunan kung paano gumawa ng imahe ng avatar gamit ang CSS.

Avatar Avatar Avatar Avatar Avatar

Paano gumawa ng imahe ng avatar

Unang hakbang - Magdagdag ng HTML:

<img src="avatar.png" alt="Avatar" class="avatar">

Ikalawa na hakbang - Magdagdag ng CSS:

para maging magkapareho at maganda height at widthat gamitin ang border-radius Ang attribute na nagdagdag ng bulog sa imahe.50% Ginagawang ok sa likod ang imahe:

.avatar {
  vertical-align: middle;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

亲自试一试

相关页面

教程:CSS 图像