Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> 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>

आउटपुट

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

सीएसएस के साथ एक छवि में सीमा कैसे जोड़ें?


  1. कैसे सीएसएस के साथ एक छवि के लिए एक बटन जोड़ने के लिए? कैसे सीएसएस के साथ एक छवि के लिए एक बटन जोड़ने के लिए?

    सीएसएस के साथ एक छवि में एक बटन जोड़ने के लिए निम्नलिखित कोड है - उदाहरण img{ चौड़ाई:100%;}div { स्थिति:रिश्तेदार; चौड़ाई:100%; अधिकतम-चौड़ाई:400px;}div img {चौड़ाई:100%; ऊंचाई:ऑटो;} div बटन {स्थिति:निरपेक्ष; शीर्ष:50%; बाएं:50%; परिवर्तन:अनुवाद (-50%, -50%); पृष्ठभूमि-रंग:आरजीबी (64, 21, 133); रंग

  1. कैसे सीएसएस के साथ होवर पर संक्रमण जोड़ने के लिए? कैसे सीएसएस के साथ होवर पर संक्रमण जोड़ने के लिए?

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

  1. PowerPoint में इमेज में बॉर्डर कैसे जोड़ें PowerPoint में इमेज में बॉर्डर कैसे जोड़ें

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