कैसे करें - अवतार छवियां
CSS के साथ अवतार इमेज बनाने का तरीका जानें।
अवतार इमेज कैसे बनाएं
चरण 1) HTML जोड़ें:
उदाहरण
<img src="avatar.png" alt="Avatar" class="avatar">
चरण 2) सीएसएस जोड़ें:
एक मिलान सेट करें height
और width
वह अच्छा लगे, और border-radius
एक छवि में गोल कोनों को जोड़ने के लिए संपत्ति का उपयोग करें। 50% छवि को गोलाकार बना देगा:
उदाहरण
.avatar {
vertical-align: middle;
width: 50px;
height: 50px;
border-radius: 50%;
}
छवियों को स्टाइल करने के तरीके के बारे में अधिक जानने के लिए हमारे सीएसएस इमेज ट्यूटोरियल पर जाएं।