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

आरजीबी () सीएसएस फ़ंक्शन का उपयोग

<घंटा/>

RGB मॉडल का उपयोग करके रंग को परिभाषित करने के लिए CSS rgb() फ़ंक्शन का उपयोग करें। आप रेग-ग्रीन-ब्लू (आरजीबी) मॉडल के साथ रंग सेट करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं:

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         h1 {
            background-color:hsl(0,100%,50%);
         }
         h2 {
            background-color:hsl(192,89%,48%);
         }
         p {
            background-color:rgb(0,0,255);
            color: rgb(255,255,255);
         }
      </style>
   </head>
   <body>
      <h1>Red Background</h1>
      <h2>Blue Background</h2>
      <p>This is demo text!</p>
   </body>
</html>

  1. सीएसएस आरजीबी () फ़ंक्शन

    आरजीबी () फ़ंक्शन का उपयोग आरजीबी रंग मान सेट करने के लिए किया जाता है। फ़ंक्शन के लिए पैरामीटर रंग की तीव्रता को प्रतिशत या मान में 0 से 255 तक सेट करता है। उदाहरण आइए पहले सीएसएस में आरजीबी () को लागू करने के लिए एक उदाहरण देखें - <!DOCTYPE html> <html> <head> <style> div

  1. CSS का उपयोग करके रेडियल ग्रेडिएंट का आकार निर्धारित करना

    रेडियल ग्रेडिएंट का आकार सेट करने के लिए, रेडियल-ग्रेडिएंट () फ़ंक्शन का उपयोग करें। यह फ़ंक्शन पृष्ठभूमि छवि के रूप में एक रेडियल ग्रेडिएंट सेट करता है। फ़ंक्शन में पहला पैरामीटर नीचे दिखाए गए अनुसार इच्छित आकार के रूप में सेट किया जाना है - background-image: radial-gradient(ellipse,rgb(217, 255, 0

  1. CSS का उपयोग करके लोकेशन कलर स्टॉप सेट करना

    रंग स्टॉप पर स्थान को प्रतिशत या पूर्ण लंबाई के रूप में सेट किया जा सकता है। उदाहरण के लिए, रैखिक ढाल के लिए background-image: linear-gradient(    rgb(61, 255, 2) 40%,    rgb(0, 174, 255) 80%,    rgb(255, 29, 29) 20% ); CSS का उपयोग करके रेखीय ग्रेडिएंट में स्थान का रं