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 thoughts on “dasar css (8) : Menghias Link

      Tinggalkan Balasan

      Alamat surel Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *