8109175771

बैकग्राऊँड इमेज इन HTML

बैकग्राऊँड इमेज इन HTML

HTML में, आप पृष्ठभूमि पर एक बैकग्राउंड इमेज सेट कर सकते हैं। यह एक इमेज होती है जो पृष्ठ की पृष्ठभूमि के रूप में प्रदर्शित होती है। इमेज जोड़ने के लिए, आपको <body> एलिमेंट या <div> एलिमेंट के साथ background-image CSS प्रॉपर्टी का उपयोग करना होगा।

यहां एक उदाहरण है जो बैकग्राउंड इमेज को प्रदर्शित करता है:

<!DOCTYPE html>
<html>
<head>
   <style>
    body {
     background-image: url("background.jpg");
     background-size: cover;
   }
  </style>
</head>
<body>
  <h1>बैकग्राउंड इमेज उदाहरण</h1>
  <p>यहां पृष्ठ का सामग्री है।</p>
</body>
</html>

इस उदाहरण में, हमने <body> एलिमेंट के लिए background-image CSS प्रॉपर्टी का उपयोग किया है। url() फ़ंक्शन के भीतर हमने इमेज फ़ाइल का यूआरएल निर्दिष्ट किया है। background-size CSS प्रॉपर्टी का उपयोग करके हमने बैकग्राउंड इमेज को पूरी पृष्ठभूमि में कवर करने के लिए निर्दिष्ट किया है।

इस रूप में, आप बैकग्राउंड इमेज को पृष्ठभूमि पर प्रदर्शित कर सकते हैं और अपने वेब पेज को आकर्षक और व्यक्तिगत बना सकते हैं।

Close Ads