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

सीएसएस के साथ पृष्ठभूमि में पारदर्शिता जोड़ें

<घंटा/>

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

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         div {
            background-color: #808000;
            padding: 20px;
         }
         div.one {
            opacity: 0.2;
            filter: alpha(opacity=20);
         }
         div.two {
            opacity: 0.5;
            filter: alpha(opacity=50);
         }
      </style>
   </head>
   <body>
      <h1>Heading</h1>
      <p>Check transparency in the below section:</p>
      <div class = "one">
         <p>opacity 0.2</p>
      </div>
      <div class = "two">
         <p>opacity 0.5</p>
      </div>
      <div>
         <p>opacity 1</p>
      </div>
   </body>
</html>

  1. सीएसएस के साथ कंटेनर की शुरुआत में फ्लेक्स लाइनें प्रदर्शित करें

    संरेखित-सामग्री का उपयोग करें मूल्य के साथ संपत्ति फ्लेक्स-स्टार्ट शुरुआत में फ्लेक्स लाइनों को सेट करने के लिए। उदाहरण फ्लेक्स-स्टार्ट वैल्यू को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं: div {पृष्ठभूमि-रंग:नारंगी; पाठ-संरेखण:केंद्र; लाइन-ऊंचाई:60px; फ़ॉन्ट-आकार:30px; चौड़ाई:

  1. CSS में बैकग्राउंड अटैचमेंट

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

  1. सीएसएस अस्पष्टता / पारदर्शिता

    CSS Opacity/Transparency के लिए, Opacity संपत्ति का उपयोग किया जाता है। उदाहरण के लिए, अस्पष्टता:0.3; सीएसएस का उपयोग करते हुए अस्पष्टता/पारदर्शिता दिखाने वाला कोड निम्नलिखित है - उदाहरण body { font-family:Segoe UI, Tahoma, Geneva, Verdana, sans-serif;}div {चौड़ाई:200px; ऊंचाई:200px; पृष्ठभूमि-रंग: