Style untuk warna Link dan Paragraf.
Ingin warna akan berbeda ketika belum pernah di klik, pernah di klik, kursor melewati link dan ketika link sedang di klik. Cobalah script program dibawah ini.
Ada yang menarik lagi paragraf pun bisa dibuat seperti perintah hover pada link. Warna paragraf akan berubah juga ketika mouse melewati paragraf tersebut.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 |
<!DOCTYPE HTML> <html> <head> <title>Style untuk warna Link dan Paragraf | emerer.com</title> <style> body{ background-color:BurlyWood; } a.tekswarna:link { color: aqua; } a.tekswarna:visited { color: blue; } a.tekswarna:hover { color: red; } a.tekswarna:active { color: green; } p.paragrafberwarna:hover { color: black; background: green; border: medium solid orange; } </style> </head> <body> <h1> Berikut ini Link dengan Style</h1> Warna akan berbeda ketika belum pernah di klik, pernah di klik, kursor melewati link dan ketika link sedang di klik. <br> <a class="tekswarna" href="http://emerer.com" >Klik disini !</a> <br><br> <p class="paragrafberwarna"> Ini Paragraf bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </p> </body> </html> |
2 Comments
Waah byk tips2 ngeblog menarik nih di blog ini
Sip.
Terima kasih telah berkunjung.