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;
            background-attachment: fixed;
            background-position: right top;
         }
      </style>
   </head>
   <body>
      <h1>Background Image</h1>
   </body>
</html>

  1. CSS के साथ सभी बॉर्डर-त्रिज्या गुण सेट करें

    सीमा-त्रिज्या का उपयोग करें सभी चार सीमा-त्रिज्या गुणों को सेट करने के लिए संपत्ति। आप सीमा-त्रिज्या गुण को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं: उदाहरण <html>    <head>       <style>          #rcorner {   &nb

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

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

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

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