dasar css (8) : Menghias Link

Links dapat diatur gayanya dengan menggunakan beberapa properti CSS
yang dapat diatur adalah warna, jenis huruf, background, ukuran dan sebagainya)

Khusus pada link, dikenal ada empat status keadaan/posisi link, yaitu:

  • a:link – normal, link belum di klik
  • a:visited – link yang sudah diklik/dikunjungi
  • a:hover – link ketika pointer mouse berada diatasnya
  • a:active – link ketika diklik

contoh:

a:link {color:#FF0000;}      /* unvisited link */
a:visited {color:#00FF00;}  /* visited link */
a:hover {color:#FF00FF;}  /* mouse over link */
a:active {color:#0000FF;}  /* selected link */

coba sendiri

contoh lain:

a {color:red; text-decoration:none; font-family:verdana; font-size:12pt; font-weight:bold;} 
a:hover {color:pink; text-decoration:underline;}

Pada CSS, a:link apabila ditulis a saja maka akan dianggap sama, dana akan menjadi standar/default text style apabila pseudo css dari link tidak didefinisikan.
sehingga pada contoh diatas, ketika mouse over, font-family tetap verdana, ukuran tetap 12pt,dan ketebalan adalah bold.

2 Comments

Leave a Reply

Your email address will not be published. Required fields are marked *