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