HTML Bağlantıların Renk Yapısı!

Varsayılan olarak, böyle bir bağlantı görünecektir (tüm tarayıcılarda):
- Görünmeyen bir bağlantının altı çizili ve mavi
- Ziyaret edilen bağlantının altı çizili ve mor
- Aktif bir bağlantının altı çizili ve kırmızı
CSS kullanarak varsayılan renkleri değiştirebilirsiniz:
<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>
Çıktısı;
See the Pen html link renkleri by ArmyYazılım (@armyyazilim) on CodePen.
CSS kullanarak, bağlantılar düğme olarak da stillendirilebilir:
<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>
Çıktısı;
See the Pen link buton by ArmyYazılım (@armyyazilim) on CodePen.
HTML Bağlantı Etiketleri
<a>: Köprü tanımlar
İlginizi çekebilir…
WordPress Kişisel Blog Temaları! (Ücretli – Ücretsiz)
Bu makaleyi beğendiyseniz, lütfen WordPress video eğiticileri için YouTube Kanalımıza abone olun . Bizi Twitter ve İnstagram‘da da bulabilirsiniz …