CSS लिंक कलर्स कैसे सीखें
आप निम्न कोर्सेज और अन्य ट्रेनिंग संसाधनों को देखकर CSS लिंक कलर्स सीख सकते हैं। उन लिंक्स में गोता लगाएं जो आपको सबसे अधिक रुचिकर लगते हैं।
CSS लिंक कलर्स क्या है
CSS लिंक कलर्स आपके वेब पेज पर एम्बेडेड लिंक्स के कलर्स को नियंत्रित करता है। जब आप एक लिंक जोड़ते हैं, तो इसका कलर आपके स्टाइलिंग विकल्पों द्वारा नियंत्रित होता है। आप एप्लिकेशन के कलर स्कीम के साथ जाने के लिए इंलाइन स्टाइलिंग, और CSS स्टाइल शीट्स जैसे विभिन्न तरीकों का उपयोग करके कलर्स को बदल सकते हैं।
CSS लिंक कलर्स किसके लिए उपयोग किया जाता है
CSS लिंक कलर्स आपके वेब पेज में एम्बेडेड लिंक्स के कलर्स को नियंत्रित करता है।
- CSS लिंक कलर्स का उपयोग आपके एम्बेडेड लिंक्स को आपके टेक्स्ट से अलग कलर में परिभाषित करने के लिए किया जाता है ताकि यह अलग दिखे।
CSS लिंक कलर्स सीखें
आप इस वेबसाइट पर CSS लिंक कलर्स सीख सकते हैं। W3school का गाइड आपके कलर स्कीम को बदलने के तरीके प्रदान करता है। इस संसाधन में, आप उन विभिन्न चरणों को सीखेंगे जिनसे एक लिंक गुजरता है जब यूज़र द्वारा इसके साथ इंटरैक्ट किया जाता है और CSS का उपयोग करके लिंक को बटन की तरह स्टाइल कैसे करें।
इस CSS बेसिक्स वेबसाइट को भी देखें ताकि आप लिंक को स्टाइल करने के कुछ टिप्स और ट्रिक्स पढ़ सकें।
CSS लिंक कलर्स सीखने में कितना समय लगता है
CSS लिंक कलर्स सीखने में लगने वाला समय आप पर और इस विषय को सीखने में आपकी प्रतिबद्धता और अनुशासन पर निर्भर करता है।
CSS लिंक कलर्स सीखें: स्टेप-बाय-स्टेप
- चार लिंक स्टेट्स a:active, a:hover, a:visited, और a:link। निम्न उदाहरण देखें।
उदा./* एक लिंक जिसे विजिट नहीं किया गया */
a:link {
color: pink;
}/* एक लिंक जिसे विजिट किया गया */
a:visited {
color: blue;
}/* एक लिंक जिस पर होवर किया गया */
a:hover {
color: red;
}/* एक लिंक जिसे सेलेक्ट किया गया */
a:active {
color: green;
} - लिंक को जोर देने के लिए लिंक कलर महत्वपूर्ण है। निम्न उदाहरण देखें।
उदा.
a {
color: green;
} - टेक्स्ट डेकोरेशन के चार संभावित मान हैं: underline, overline, line-through, और none. विभिन्न प्रॉपर्टीज को बदलने के लिए निम्न उदाहरण देखें।
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: underline;
} - बैकग्राउंड कलर को लिंक के कलर के साथ भी सेट किया जा सकता है। निम्न उदाहरण देखें।
a:link {
background-color: green;
a:visited {
background-color: blue;
}
a:hover {
background-color: red;
}
a:active {
background-color: pink;
}
CSS लिंक
क्या आपको CSS लिंक कलर्स का अध्ययन करना चाहिए
CSS लिंक कलर्स का अध्ययन करें यदि आप अपने पेज को और भी अधिक कस्टमाइज़ करना सीखना चाहते हैं। इसके पीछे के लॉजिक को सीखना भी उपयोगी है।