CSS Links -
- Introduction to CSS links in Hindi
- CSS :link property in Hindi
- CSS :visited property in Hindi
- CSS :hover property in Hindi
- CSS :active property in Hindi
- Removing underline from links using CSS
Introduction to CSS Links
World Wide Web एक links के collection के अलावा कुछ नहीं है। Links के माध्यम से ही आप एक page से दूसरे page तक travel करते है। CSS के माध्यम से आप links को design कर सकते है और अपने page के according customize कर सकते है। Links पर आप सभी basic properties apply कर सकते है। लेकिन इसके लिए आपको selectors different यूज़ करने पड़ते है। Links की हर condition के लिए एक अलग selector provide किया गया है। इन selectors की list निचे दी गयी है।
- a : link - इस selector को link की normal state की designing करने के लिए use किया जाता है। ये वो state होती है जब link को एक बार भी visit नहीं किया गया है।
- a : visited - इस selector को link की visited state को design करने के लिए यूज़ किया जाता है। ये वो state होती जब link visit की जा चुकी है।
- a : hover - इस selector को links की hover state को design करने के लिए यूज़ किया जाता है। ये वो state होती है जब link पर mouse ले जाया जाता है।
- a : active - इस selector से links की active state को design करने के लिए यूज़ किया जाता है। ये वो state होती है जब link active होती है।
a : link
जैसा की मैने आपको ऊपर बताया इस selector के द्वारा आप link की normal state के लिए rules define करते है। ये वो state होती है जब links को आप किसी webpage पर पहली बार देखते है। और अभी तक उस link को visit नहीं किया गया है। आइये देखते है की इस selector को आप किस प्रकार यूज़ कर सकते है। इसे निचे एक उदाहरण के माध्यम से समझाया जा रहा है।
<style>
a : link {
color:blue;
}
</head>
<body>
<a href="http://www.bipinwebacademy.com">Bipin Web Academy</a>
</body>
</html>
|
No comments:
Post a Comment