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

सीएसएस के साथ पृष्ठभूमि रंग के लिए अस्पष्टता सेट करें

<घंटा/>

पृष्ठभूमि रंग के लिए अस्पष्टता सेट करने के लिए, आरजीबीए रंग मानों के साथ अस्पष्टता गुण का उपयोग करें।

उदाहरण

अस्पष्टता गुण को लागू करने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं:

<!DOCTYPE html>
<html>
   <head>
      <style>
         div {
            background: rgb(40, 135, 70);
            padding: 20px;
         }
         div.first {
            background: rgba(40, 135, 70, 0.2);
         }
         div.second {
            background: rgba(40, 135, 70, 0.6);
         }
      </style>
   </head>
   <body>
      <p>RGBA color values</p>
      <div class = "first"><p>20% opacity</p></div>
      <div class = "second"><p>60% opacity</p></div>
      <div><p>Default Opacity</p></div>
   </body>
</html>

  1. CSS के साथ फ्लेक्स आइटम को क्षैतिज रूप से सेट करें

    फ्लेक्स-दिशा का उपयोग करें पंक्ति मान . के साथ संपत्ति फ्लेक्स-आइटम को क्षैतिज रूप से सेट करने के लिए। उदाहरण पंक्ति मान को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं - <!DOCTYPE html> <html>    <head>       <style>     &

  1. CSS के साथ ग्रिड आइटम का नाम सेट करें

    CSS में ग्रिड आइटम के नाम सेट करने के लिए, ग्रिड-क्षेत्र गुण का उपयोग करें, ग्रिड-टेम्पलेट-क्षेत्रों के साथ संपत्ति: उदाहरण <!DOCTYPE html> <html>    <head>       <style>          .container {         &nb

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

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