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 …