HTML Bağlantıları - Farklı Renkler
Bir HTML bağlantısı, ziyaret edilip edilmediğine, ziyaret edilmemiş olmasına veya etkin olmasına bağlı olarak farklı bir renkte görüntülenir.
HTML Bağlantı Renkleri
Varsayılan olarak, şu şekilde bir bağlantı görünecektir (tüm tarayıcılarda):
- Ziyaret edilmemiş bir bağlantının altı çizili ve mavidir
- Ziyaret edilen bir bağlantının altı çizili ve mor
- Aktif bir bağlantının altı çizili ve kırmızı
CSS kullanarak bağlantı durumu renklerini değiştirebilirsiniz:
Örnek
Burada, ziyaret edilmeyen bir bağlantı, altı çizili olmayan yeşil renkte olacaktır. Ziyaret edilen bir bağlantı, altı çizili olmayan pembe olacaktır. Aktif bir bağlantı sarı ve altı çizili olacaktır. Ek olarak, bir bağlantının üzerine gelindiğinde (a:hover) kırmızı olur ve altı çizilir:
<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>
Bağlantı Düğmeleri
Bir bağlantı, CSS kullanılarak bir düğme olarak da biçimlendirilebilir:
Bu bir bağlantıdırÖrnek
<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 hakkında daha fazla bilgi edinmek için CSS Eğitimimize gidin .
HTML Bağlantı Etiketleri
Tag | Description |
---|---|
<a> | Defines a hyperlink |
Mevcut tüm HTML etiketlerinin tam listesi için HTML Etiket Referansımızı ziyaret edin .