Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> CSS

CSS से इमेज पर बॉर्डर कैसे जोड़ें?


CSS से इमेज पर बॉर्डर जोड़ने का कोड निम्नलिखित है:

उदाहरण

<!DOCTYPE html> <html> <head> <style> img {    border: 8px solid rgb(0, 238, 255);    width: 400px;    height: 400px; } </style> </head> <body> <h1>Border Around Image Example</h1> <img src="https://images.pexels.com/photos/34950/pexels-photo.jpg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"> </body> </html>

आउटपुट

उपरोक्त कोड निम्नलिखित आउटपुट उत्पन्न करेगा:

CSS से इमेज पर बॉर्डर कैसे जोड़ें?


  1. CSS से इमेज पर बटन कैसे जोड़ें? CSS से इमेज पर बटन कैसे जोड़ें?

    CSS से इमेज पर बटन जोड़ने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> img{    width: 100%; } div {    position: relative;    width

  1. CSS से होवर पर ट्रांज़िशन कैसे जोड़ें? CSS से होवर पर ट्रांज़िशन कैसे जोड़ें?

    CSS से होवर पर ट्रांज़िशन जोड़ने के लिए, कोड निम्नानुसार है -उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe UI"

  1. PowerPoint में छवि पर बॉर्डर कैसे जोड़ें PowerPoint में छवि पर बॉर्डर कैसे जोड़ें

    यदि आप Microsoft PowerPoint या PowerPoint Online में किसी छवि पर बॉर्डर या फ़्रेम जोड़ना चाहते हैं, तो आपको इस विस्तृत गाइड का पालन करना होगा। चाहे आप काला, डॉटेड, सफेद बॉर्डर जोड़ना चाहें, आप PowerPoint में सब कुछ कर सकते हैं। इसके लिए, आपको किसी अतिरिक्त ऐड-इन या किसी अन्य चीज़ का उपयोग करने की आव