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

सीएसएस के साथ केवल एक बार पृष्ठभूमि छवि दिखाएं

<घंटा/>

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

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         body {
            background-image: url("https://www.tutorialspoint.com/videotutorials/images/tutor_connect_home.jpg");
            background-repeat: no-repeat;
         }
      </style>
   </head>
   <body>
      <h1>Background Image</h1>
   </body>
</html>

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

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

  1. सीएसएस में पृष्ठभूमि आशुलिपि संपत्ति

    CSS बैकग्राउंड शॉर्टहैंड प्रॉपर्टी का इस्तेमाल किसी एलीमेंट के लिए बैकग्राउंड को परिभाषित करने के लिए किया जाता है। बैकग्राउंड-कलर, बैकग्राउंड-इमेज, बैकग्राउंड-रिपीट, बैकग्राउंड-पोजिशन, बैकग्राउंड-क्लिप, बैकग्राउंड-साइज, बैकग्राउंड-ओरिजिन और बैकग्राउंड-अटैचमेंट एक साथ CSS बैकग्राउंड प्रॉपर्टीज को शा

  1. कैसे सीएसएस के साथ एक धुंधली पृष्ठभूमि छवि बनाने के लिए?

    CSS के साथ एक धुंधली पृष्ठभूमि छवि बनाने के लिए निम्नलिखित कोड है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> body, html {    height: 100vh;    margin: 0; &