कैसे बनाएं: अभिकरण छवि

CSS के जरिए अभिकरण छवि बनाना सीखें।

आवतार आवतार आवतार आवतार आवतार

अभिकरण छवि कैसे बनाएं

पहला कदम - 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 इमेज