dasar css (8) : Menghias Link

Spread the love

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.


Spread the love

You May Also Like

About the Author: hantuceria

2 Comments

Leave a Reply

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

%d bloggers like this: