CSS हमें लिंक्स को कलर करने की अनुमति देता है। कलर प्रॉपर्टी का इस्तेमाल किसी एलीमेंट में टेक्स्ट का रंग सेट करने के लिए किया जाता है।
छद्म चयनकर्ताओं का क्रम निम्न द्वारा दिया जाता है:- :लिंक, :विजिटेड, :होवर, :सक्रिय।
सिंटैक्स
CSS कलर प्रॉपर्टी का सिंटैक्स इस प्रकार है -
Selector { color: /*value*/ }
उदाहरण
निम्नलिखित उदाहरण सीएसएस रंग संपत्ति को दर्शाते हैं -
<!DOCTYPE html> <html> <head> <style> #demo::after { content: " (visited) "; font-style: italic; } a:link { color: lime; } a:visited { color: green; } a:hover { color: orange; } a:active { color: gold; } </style> </head> <body> <h2>Demo Links</h2> <a id="demo" href="">This is demo text 1.</a> <hr> <p> <a href="#">This is demo text 2.</a> </p> </body> </html>
आउटपुट
यह निम्न आउटपुट देता है -
दूसरी कड़ी को मँडराने पर, हमें निम्नलिखित आउटपुट मिलते हैं -
दूसरे लिंक पर क्लिक करने पर, हमें निम्न आउटपुट मिलता है -
उदाहरण
<!DOCTYPE html> <html> <head> <style> div { margin: auto; font-size: 1.4em; background-color: lightseagreen; width: 100px; text-align: center; } a:link { color: rebeccapurple; } </style> </head> <body> <div> <a id="demo" href="">Demo link.</a> </div> </body> </html>
आउटपुट
यह निम्न आउटपुट देता है -