पृष्ठभूमि के रूप में एकल छवि वाली वेबसाइट बनाने के लिए, हम आपके HTML कोड में नीचे दिए गए CSS उदाहरण का उपयोग करने की सलाह देते हैं।

अपने वेब पेज में उपरोक्त कोड को लागू करने के लिए, उपरोक्त लाइनों को कॉपी करें और अपने वेब पेज के अनुभागों के बीच पेस्ट करें। यदि आप एक WYSIWYG वेब पेज एडिटर का उपयोग कर रहे हैं, तो आपको ऊपर दिए गए कोड को दर्ज करने से पहले एचटीएमएल कोड डालने की अनुमति देने वाले लिंक या विकल्प पर क्लिक करना होगा। अंत में, यह उदाहरण कंप्यूटर होप की एक तस्वीर का उपयोग कर रहा है। यदि आप एक कस्टम चित्र का उपयोग करना चाहते हैं, तो उपरोक्त बोल्ड URL को अपने चित्र के स्थान से बदल दें।

युक्ति: यदि आप बाहरी CSS शैली पत्रक का उपयोग कर रहे हैं, तो आप उपरोक्त उदाहरण के मुख्य भाग को अपनी CSS फ़ाइल में कॉपी कर सकते हैं।

यहां ऊपर कोड डालें

उदाहरण

युक्ति: कई उपयोगकर्ता अपनी पृष्ठभूमि के रूप में एक बड़ी छवि बनाना चाहते हैं। यदि आप ऐसा करने की योजना बना रहे हैं, तो धीमे इंटरनेट कनेक्शन वाले लोगों पर विचार करें। बड़ी छवियों को लोड करने में समय लगता है और छोटे मॉनिटर आकार या रिज़ॉल्यूशन का उपयोग करने वाले लोगों के साथ उचित नहीं लग सकता है।

नोट: यदि आप इसके बजाय दोहराए जाने वाली पृष्ठभूमि छवि को सेट करना चाहते हैं, तो निम्न में से किसी एक पर पृष्ठभूमि-पुनरावृत्ति गुण सेट करें:

• दोहराना - पृष्ठभूमि छवि को क्षैतिज और लंबवत दोनों तरह से दोहराता है।
• रिपीट-एक्स - पृष्ठभूमि छवि को केवल क्षैतिज रूप से दोहराता है।
• रिपीट-वाई - पृष्ठभूमि छवि को केवल लंबवत दोहराता है।