हेल्लो दोस्तों, यदि आप भी अपने image को HTMl एवं CSS के माध्यम से Round करना चाहते है तो आज हम अपने इस आर्टिकल में इसी से सम्बंधित पोस्ट को लेकर आये है किसी भी image को यदि आप अपने वेबसाइट या ब्लॉग में Add करना चाहते है और उसे गोल आकार देना चाहते है तो आपके लिए यह बहुत ही उपयोगी पोस्ट हो सकती है
Round Image Demo
नीचे दिखाए गए Demo में आप देख सकते है
Round Image CSS Code
आप अपने Image को कितना प्रतिशत Round करना चाहते है उतना प्रतिशत आपको लिखना है और यदि आप अपने image में border को लगाना चाहते है तो border:4px solid red; इस element को आपको लिखना है तथा आप जितना मोटा border रखना चाहते है उतना px नंबर डालना है फिर आप उसके कलर को change कर सकते है
img {
border-radius: 50%;
border:4px solid red;
}
Round Image HTML Code
उपरोक्त CSS Code को लिखने के बाद आप नीचे दिए गए HTML Code को लिखना है फिर उसके बाद उसके साइज़ के width तथा height को आप Change कर सकते है
<img src="image link" alt="img" style="width:200px; height:200px">
Round Image Source Code
आप यहाँ नीचे दिए गए Source Code Area से आप उपरोक्त सभी Code Copy Code बटन पर click करके Code को Copy कर सकते है