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

CSS के साथ किसी तत्व की पृष्ठभूमि छवि सेट करें

<घंटा/>

किसी तत्व की पृष्ठभूमि छवि सेट करने के लिए, पृष्ठभूमि-छवि . का उपयोग करें संपत्ति।

उदाहरण

पृष्ठभूमि-छवि . के साथ काम करने का तरीका जानने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं संपत्ति:

<html>
   <head>
      <style>
         body {
            background-image: url("/css/images/css.jpg");
         }
      </style>
      <body>
         <h1>Hello World!</h1>
      </body>
   </head>
<html>

  1. - सीएसएस के साथ तय की गई पृष्ठभूमि छवि सेट करें

    पृष्ठभूमि-अनुलग्नक . का उपयोग करें पृष्ठभूमि छवि को निश्चित रूप से प्रदर्शित करने के लिए संपत्ति। उदाहरण बैकग्राउंड-अटैचमेंट . को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं संपत्ति - <!DOCTYPE html> <html>    <head>       <style> &

  1. - सीएसएस के साथ पृष्ठभूमि छवि के रूप में एक रैखिक ढाल सेट करें

    रैखिक ढाल () सीएसएस फ़ंक्शन के साथ पृष्ठभूमि छवि के रूप में एक रैखिक ढाल सेट करें। आप CSS में रेखीय-ग्रेडिएंट () फ़ंक्शन को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html>    <head>       <style>     &

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

    रेडियल-ग्रेडिएंट () CSS फ़ंक्शन के साथ, पृष्ठभूमि छवि के रूप में एक रेडियल ग्रेडिएंट सेट करें। आप CSS में रेखीय-ग्रेडिएंट () फ़ंक्शन को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html>    <head>       <style> &nb