CSS का उपयोग करके टेक्स्ट रंग सेट करना

टेक्स्ट रंग सेट करने के लिए, CSS में color प्रॉपर्टी का उपयोग करें। आप रंग नाम, हेक्साडेसिमल मान, RGB मान, या HSL मान का उपयोग करके रंग सेट कर सकते हैं।

उदाहरण

<!DOCTYPE html> <html> 
  <head> 
    <style> 
      span { background-color: orange; color: white; } 
      p.demo { display: none; } 
      span.demo1 { display: inline; } 
    </style> 
  </head> 
  <body> 
    <h1>मैच विवरण</h1> 
    <div> मैच <p class="demo">9AM</p> 10AM पर 20 दिसंबर को शुरू होगा। </div> 
    <div> मैच <span class="demo1">5PM</span> पर 20 दिसंबर को समाप्त होगा। </div> 
  </body> 
</html>

आउटपुट

एक और उदाहरण

<!DOCTYPE html> <html> 
  <head> 
    <style> 
      p.demo1 { word-spacing: 1cm; color: #F8E61C; } 
      p.demo2 { word-spacing: 40px; } 
    </style> 
  </head> 
  <body> 
    <h1>डेमो हेडिंग</h1> 
    <h2>हेडिंग2</h2> 
    <p class="demo1">यह डेमो टेक्स्ट है।</p> 
    <h2>हेडिंग2</h2> 
    <p class="demo2">यह डेमो टेक्स्ट है।</p> 
  </body> 
</html>

आउटपुट

व्याख्या: color प्रॉपर्टी टेक्स्ट रंग सेट करती है। #F8E61C हेक्साडेसिमल पीला है। rgb(255,0,0), hsl(0,100%,50%), red (नाम) सभी समान लाल देते हैं। currentColor कीवर्ड गणना किए गए रंग मान को अन्य प्रॉपर्टीज़ (बॉर्डर, शैडो) के लिए इनहेरिट करने की अनुमति देता है।