एचटीएमएल लिंक - विभिन्न रंग
एक HTML लिंक एक अलग रंग में प्रदर्शित होता है जो इस पर निर्भर करता है कि वह देखा गया है, नहीं देखा गया है, या सक्रिय है।
एचटीएमएल लिंक रंग
डिफ़ॉल्ट रूप से, एक लिंक इस तरह दिखाई देगा (सभी ब्राउज़रों में):
- एक अनदेखी लिंक रेखांकित और नीला है
- एक विज़िट किया गया लिंक रेखांकित और बैंगनी है
- एक सक्रिय लिंक रेखांकित और लाल है
आप CSS का उपयोग करके लिंक की स्थिति का रंग बदल सकते हैं:
उदाहरण
यहां, एक अनविजिटेड लिंक बिना रेखांकन के हरा होगा। एक विज़िट किया गया लिंक गुलाबी होगा जिसमें कोई रेखांकन नहीं होगा। एक सक्रिय लिंक पीला और रेखांकित होगा। इसके अलावा, जब किसी लिंक (a:hover) पर माउस रखा जाता है तो वह लाल और रेखांकित हो जाएगा:
<style>
a:link {
color: green;
background-color: transparent;
text-decoration: none;
}
a:visited {
color: pink;
background-color: transparent;
text-decoration: none;
}
a:hover {
color: red;
background-color: transparent;
text-decoration: underline;
}
a:active {
color: yellow;
background-color: transparent;
text-decoration: underline;
}
</style>
लिंक बटन
CSS का उपयोग करके एक लिंक को एक बटन के रूप में भी स्टाइल किया जा सकता है:
यह एक कड़ी हैउदाहरण
<style>
a:link, a:visited {
background-color: #f44336;
color: white;
padding: 15px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
}
a:hover, a:active {
background-color: red;
}
</style>
CSS के बारे में अधिक जानने के लिए, हमारे CSS Tutorial पर जाएँ ।
एचटीएमएल लिंक टैग
Tag | Description |
---|---|
<a> | Defines a hyperlink |
सभी उपलब्ध HTML टैग्स की पूरी सूची के लिए, हमारे HTML टैग संदर्भ पर जाएं ।