CSS Link

Memformat Link (tautan) dengan CSS

<a href='https://nama.url.com'>

Elemen link (tag <a>) memiliki 4 kondisi :

No.	Kondisi	CSS selector
1.	Link baru (belum dikunjungi)	a:link
2.	Link setelah diklik.	a:focus
3.	Link telah dikunjungi.	a:visited
4.	Link dilintasi kursor.	a:hover
5.	Link sedang dibuka.	a:active

CATATAN :

Kondisi link a:hover hanya akan berfungsi pada saat link disorot dengan cursor.
Kondisi link a:active umumnya terlihat pada saat digunakan sebagai navigasi halaman.
Kondisi link a:focus hanya terlihat sesaat setelah link di klik.
Style default pada elemen link (tanpa diatur dengan CSS) adalah bergaris bawah (underlined).

contoh link default: Teks tautan

a:link {color: blue; text-decoration: none;}
a:visited {color: indigo;}
a:hover {color: white; background: blue;}
a:focus {color: red;}

Hasil :
Teks tautan

Property CSS elemen link

Property yang bisa diatur dengan CSS pada elemen link = property pemformat teks.

Link tombol.

a:link {
  color: blue;
  text-decoration: none;
  padding: 5px 15px;
  border: 1px solid blue;
}
a:visited {color: indigo; border-color: violet;}
a:hover {color: white; background: blue;}
a:active {color: red;}

Hasil :
Teks tautan

Link kondisi :active hanya terlihat setelah link diklik tanpa meninggalkan halaman asal.
Apabila halaman asal ditinggalkan, lalu kembali lagi maka link akan terlihat dalam kondisi :visited.