CSS background image क्या है - ldkalink
CSS background image का उपयोग तब किया जाता है जब हम चाहते हैं कि किसी वेबपेज के बैकग्राउंड में इमेज दिखाई दे और फिर इसके उपर कुछ कंटेंट हो।
![]() |
| CSS background image क्या है |
यानी की इमेज पीछे होना चाहिए इसके ऊपर किसी तरह का कंटेंट होना चाहिए तो इसके लिए सीएसएस बैकग्राउंड इमेज प्रॉपर्टी का उपयोग किया जाता है।
CSS background image property
एक एलिमेंट के बैकग्राउंड में इमेज लगाने के लिए background-image प्रॉपर्टीज का उपयोग किया जाता है।
जब हम किसी बैकग्राउंड में कोई इमेज सेट करते हैं तो इमेज एलिमेंट में डिफ़ॉल्ट रूप से रिपीट होता है जैसे कि एक इमेज जिसका जिसका हाइट और विड्थ साइज में छोटा होता है छोटा होने के कारन पूरे एलिमेंट में सेट नहीं हो पाता है तो इस स्थिति में इमेज को एलिमेंट में पूरा भरने के लिए डेफल्ट रूप से इमेज कई बार रिपीट होता है।
उदाहरण
एक पेज में बैकग्राउंड इमेज सेट करने के लिए कोड
body {background-image: url("paper.gif");}
Paper.gif के जगह आप उस लिंक को टाइप करे या पेस्ट करे जिसका इमेज आप बैकग्राउंड में लगाना चाहते हैं।
उदाहरण
नीचे दिया गया कोड बैकग्राउंड इमेज और टेक्स्ट के बीच में बैड कांबिनेशन को दर्शाता है जब हम इस तरह के टेस्ट का उपयोग करते हैं तो बड़ी मुश्किल से बैकग्राउंड इमेज रीडेबल होता है।
Note: बैकग्राउंड में इमेज लगाते समय बैकग्राउंड को किसी टेक्स्ट से डिस्टर्ब बिल्कुल ना करें।
बैकग्राउंड इमेज को किसी दूसरे एलिमेंट के साथ में भी सेट कर सकते हैं जैसे कि <p> element.
p {background-image: url("paper.gif");}
इसी तरह से आप किसी और भी एलिमेंट्स के साथ में बैकग्राउंड इमेज को सेट कर सकते है आगे हम यह भी जानेंगे की बैकग्राउंड में अगर इमेज रिपीट हो रहा है तो इसे कैसे रिमूव करना है जिससे की बैकग्राउंड में एक ही इमेज दिखाई देगा।
