ఎలా సృష్టించాలి: ప్రొఫైల్ చిత్రం

CSS ద్వారా ప్రొఫైల్ చిత్రాన్ని సృష్టించడానికి ఎలా నేర్చుకోండి.

Avatar Avatar Avatar Avatar Avatar

ప్రొఫైల్ చిత్రాన్ని ఎలా సృష్టించాలి

మొదటి చర్య - HTML జోడించండి:

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

రెండవ చర్య - CSS జోడించండి:

ముందుకు చూపే సరిదిద్దిన సరిహద్దులు నిర్ణయించబడతాయి. height మరియు widthమరియు ఉపయోగించి ఉంటుంది: border-radius చిత్రానికి గుండ్రత జోడించే అంశం.50% చిత్రాన్ని చక్రాకారంగా చేయడానికి ఉపయోగించబడుతుంది:

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

亲自试一试

相关页面

教程:CSS 图像