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

वेबपेज का बैकग्राउंड इमेज कैसे सेट करें?


CSS background-image प्रॉपर्टी

वेबपेज का बैकग्राउंड इमेज सेट करने के लिए, CSS स्टाइल का उपयोग करें। CSS <style> टैग के तहत, background-image प्रॉपर्टी जोड़ें। यह प्रॉपर्टी jpg, png, svg, gif आदि जैसे ग्राफिक सेट करती है। HTML5 <body> बैकग्राउंड एट्रिब्यूट को सपोर्ट नहीं करता, इसलिए बैकग्राउंड इमेज बदलने के लिए CSS का उपयोग किया जाता है।

वेबपेज का बैकग्राउंड इमेज कैसे सेट करें?

उदाहरण

<!DOCTYPE html> <html> 
  <head> 
    <style> 
      body { 
        background-image: url("/videotutorials/images/tutor_connect_home.jpg"); 
      } 
    </style> 
  </head> 
  <body> 
    <h1>Connect with Tutors</h1> 
  </body> 
</html>
  1. Windows Paint और Paint 3D में बैकग्राउंड आसानी से हटाएं - चरण-दर-चरण गाइड Windows Paint और Paint 3D में बैकग्राउंड आसानी से हटाएं - चरण-दर-चरण गाइड

    Paint शायद Windows का सबसे कूल टूल है और उन अद्भुत कामों को करता है जिन्हें हम आमतौर पर अन्य सॉफ़्टवेयर में खोजने की कोशिश करते हैं। खैर, इस ब्लॉग में लेकिन हम आपको Paint में बैकग्राउंड को पारदर्शी बनाने के चरणों के बारे में बताएंगे। मैंने जितने भी Windows इमेज एडिटर देखे हैं, उनमें Paint सबसे सरल ह

  1. अपने मैक वॉलपेपर को आसानी से अपडेट करें: चरण-दर-चरण मार्गदर्शिका अपने मैक वॉलपेपर को आसानी से अपडेट करें: चरण-दर-चरण मार्गदर्शिका

    वॉलपेपर बैकग्राउंड आपके बारे में बहुत कुछ कहते हैं। क्या आप सहमत नहीं हैं? अपने नन्हे पालतू जानवर की एक प्यारी तस्वीर, अपनी शादी के दिन की एक स्पष्ट छवि, या बस कुछ भी सौंदर्यपूर्ण जो आपके चेहरे पर मुस्कान लाता है, उसे बैकग्राउंड के रूप में देखने से बेहतर कोई खुशी नहीं है। इमेज स्रोत: YouTube वही

  1. छवि पृष्ठभूमि त्वरित रूप से हटाएं: पारदर्शी PNG के लिए सरल गाइड छवि पृष्ठभूमि त्वरित रूप से हटाएं: पारदर्शी PNG के लिए सरल गाइड

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