यदि वेब डिज़ाइनर उन्हें सेट नहीं करता है तो सभी वेब ब्राउज़र में डिफ़ॉल्ट रंग होते हैं जो वे लिंक के लिए उपयोग करते हैं। वो हैं:
- डिफ़ॉल्ट लिंक रंग।
- सक्रिय लिंक रंग (जब माउस क्लिक किया जाता है और लिंक पर आयोजित किया जाता है)।
- निम्नलिखित लिंक रंग (जब लिंक पहले क्लिक किया गया था)।
इसके अलावा, जबकि अधिकांश वेब ब्राउज़र डिफ़ॉल्ट रूप से इसे नहीं बदलते हैं, आप होवर रंग भी परिभाषित कर सकते हैं - उस रंग का रंग तब होता है जब माउस उस पर होता है।
लिंक रंग बदलने के लिए सीएसएस का प्रयोग करें
इन रंगों को बदलने के लिए, आप सीएसएस का उपयोग करते हैं (कुछ बहिष्कृत HTML विशेषताओं को आप भी उपयोग कर सकते हैं, लेकिन मैं बहिष्कृत किसी भी चीज़ का उपयोग करने की अनुशंसा नहीं करता हूं)। लिंक रंग बदलने का सबसे आसान तरीका टैग को स्टाइल करना है :
एक {रंग: काला; }इस सीएसएस के साथ, कुछ ब्राउज़र लिंक के सभी पहलुओं (सक्रिय, अनुवर्ती, और होवर) को काले रंग में बदल देंगे, जबकि अन्य केवल डिफ़ॉल्ट रंग बदल देंगे।
एक लिंक के सभी हिस्सों को बदलने के लिए सीएसएस छद्म-वर्ग का प्रयोग करें
सीएसएस में एक छद्म वर्ग का प्रतिनिधित्व एक कोलन (:) कक्षा के नाम से पहले है। चार छद्म-वर्ग हैं जो लिंक को प्रभावित करते हैं:
डिफ़ॉल्ट लिंक रंग बदलने के लिए:
ए: लिंक {रंग: लाल; }सक्रिय रंग बदलने के लिए:
ए: सक्रिय {रंग: नीला; }अनुवर्ती लिंक रंग बदलने के लिए:
ए: विज़िट {रंग: बैंगनी; }माउस को रंग में बदलने के लिए:
ए: होवर {रंग: हरा; }