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

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

<घंटा/>

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

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <meta name = "viewport" content="width = device-width, initial-scale = 1.0">
      <style>
         div {
            width: 100%;
            height: 300px;
            border: 2px dashed blue;
            background-image: url('https://www.tutorialspoint.com/python/images/python-data-science.jpg');
            background-repeat: no-repeat;
            background-size: contain;
         }
      </style>
   </head>
   <body>
      <p>To check the effect, you need to resize the browser.</p>
      <div></div>
   </body>
</html>

  1. एचटीएमएल और सीएसएस के साथ एक छवि पर टेक्स्ट कैसे रखें?

    HTML और CSS का उपयोग करके किसी छवि पर टेक्स्ट रखने के लिए निम्नलिखित कोड है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> h1{    text-align: center; } .imageContainer { &

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

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

  1. CSS के साथ HTML वीडियो के लिए पहलू अनुपात बनाए रखना

    किसी तत्व की पैडिंग को प्रतिशत में निर्दिष्ट करके, हम उसका पहलू अनुपात बनाए रख सकते हैं। इसके लिए CSS पैडिंग प्रॉपर्टी का इस्तेमाल करें- पैडिंग-बॉटम किसी तत्व के निचले पैडिंग को निर्दिष्ट करता है। पैडिंग-टॉप किसी तत्व के शीर्ष पैडिंग को निर्दिष्ट करता है। पैडिंग-बाएं किसी तत्व के बाएँ पैडि