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

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

<घंटा/>

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

उदाहरण

यह पृष्ठभूमि छवि स्थिति को बाईं ओर से 80 पिक्सेल दूर सेट करता है:

<html>
   <head>
      <style>
         body {
            background-image: url("/css/images/css.jpg");
            background-position:80px;
         }
      </style>
   </head>
   <body>
      <p>Tutorials point</>
   </body>
</html>

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

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

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

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

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

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