HTML CSS examples for CSS Widget:Hover Link
CSS Link hover style
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> body {<!-- ww w.ja v a 2 s . co m--> background-color:Chartreuse; text-align:center; height:100%; } div#wrapper { margin-right:6%; margin-left:6%; margin-top:0%; margin-bottom:6%; border:outset; border-color:yellow; } a.mLink { color:blue; font-size:36px; padding:11px; } a.mLink:hover { color:pink; } a.mLink:active { color:OrangeRed; } div#content { color:grey; font-size:41px; } </style> </head> <body> <div id="wrapper"> <div id="menu"> <a class="mLink" href="#">Lore</a> </div> </div> </body> </html>