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

CSS के साथ इमेज पाथ सेट करें

CSS में इमेज पाथ सेट करने के लिए border-image-source प्रॉपर्टी का उपयोग किया जाता है। इमेज पाथ सेट करने के लिए निम्नलिखित कोड आज़माएं:

उदाहरण

 <html> <head> <style> #borderimg1 { border: 15px solid transparent; padding: 15px; border-image-source: url(https://tutorialspoint.com/css/images/border.png); border-image-repeat: round; } </style> </head> <body> <p id = "borderimg1">यह इमेज बॉर्डर उदाहरण है।</p> </body> </html>

  1. - CSS से इमेज पर बटन रखें - सेंटर पोज़िशनिंग

    इमेज के ठीक केंद्र में बटन रखने के लिए position: absolute के साथ transform: translate(-50%, -50%) तकनीक का उपयोग करें। यह सबसे विश्वसनीय सेंटरिंग विधि है। उदाहरण: इमेज के केंद्र में बटन <!DOCTYPE html> <html> <head> <style> .box { position: relative; width

  1. - CSS से रैखिक ग्रेडिएंट को बैकग्राउंड इमेज के रूप में सेट करें

    CSS linear-gradient() फ़ंक्शन का उपयोग करके रैखिक ग्रेडिएंट को बैकग्राउंड इमेज के रूप में सेट करें। उदाहरण <!DOCTYPE html> <html>    <head>       <style>          #demo {             height: 200p

  1. - CSS के साथ रेडियल ग्रेडिएंट को पृष्ठभूमि छवि के रूप में सेट करें

    radial-gradient() CSS फ़ंक्शन का उपयोग करके रेडियल ग्रेडिएंट को पृष्ठभूमि छवि के रूप में सेट करें। यह फ़ंक्शन एक केंद्र बिंदु से बाहर की ओर फैलने वाला ग्रेडिएंट बनाता है। उदाहरण <!DOCTYPE html> <html> <head> <style> #demo { height: 200px; back