हम CSS का उपयोग करके एलिमेंट्स के टेक्स्ट, बॉर्डर्स और बैकग्राउंड के लिए कलर्स परिभाषित कर सकते हैं। color प्रॉपर्टी का उपयोग किसी एलिमेंट के लिए टेक्स्ट कलर स्पेसिफाई करने के लिए किया जाता है।
सिंटैक्स
CSS color प्रॉपर्टी का सिंटैक्स निम्नलिखित है:
Selector { color: /*value*/ }निम्नलिखित उदाहरण CSS color प्रॉपर्टी को दर्शाते हैं:
उदाहरण
<!DOCTYPE html> <html> <head> <style> div { color: seashell; background-color: lightcoral; } p { font-size: 1.5em; color: blue; background-color: palegreen; box-shadow: 0 0 5px 1px rgb(0,0,0); } </style> </head> <body> <div> This is demo text. <p> Text added for reference. </p> This is demo text 2. </div> </body> </html>आउटपुट
यह निम्नलिखित आउटपुट देता है:
उदाहरण
<!DOCTYPE html> <html> <head> <style> * { text-align: center; } h3 { color: red; border: 2px ridge rosybrown; } p { color: royalblue; background-color: cornsilk; box-shadow: 0 0 5px 1px deeppink; } </style> </head> <body> <h3>Demo Demo Demo Demo</h3> <p>Demo text here</p> </body> </html>आउटपुट
यह निम्नलिखित आउटपुट देता है:
