Paano gumawa: larawan na may lupon ng paligid

Matututunan kung paano gumawa ng larawan na may lupon ng paligid gamit ang CSS.

Avatar Avatar

Paano gumawa ng larawan na may lupon ng paligid

Unang hakbang - Magdagdag ng HTML:

<img src="img_avatar.png" alt="Avatar">

Ikalawa pang hakbang - Magdagdag ng CSS:

Gamit ang border-radius Ating nagtutustos sa larawan ang mga lupon ng paligid. 50% ay gagawin ang larawan na circular:

img {
  border-radius: 50%;
}

亲自试一试

相关页面

教程:CSS 图像