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

#HTML

HTML Bağlantı Renklerini değiştirebilirsiniz ve linkleri bir buton olarak kullanabilirsiniz.

HTML Bağlantı Renkleri
HTML Bağlantı Renkleri

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 …


Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

İçerik Metası
İbrahim Bozkurt /