HTML CSS examples for CSS Widget:Hover to change Color
Hover to change background
<html> <head> <style> #vertmenu {<!-- w w w. j a va2s .com--> font-family:Helvetica, Arial, Verdana, sans-serif; font-size:13pt; width:161px; padding:0px; margin:0px; } #vertmenu ul { list-style:none; margin:0px; padding:0px; border:none; } #vertmenu ul li { margin:0px; padding:0px; } #vertmenu ul li a { font-size:81%; display:block; text-decoration:none; color:Chartreuse; width:161px; } #vertmenu ul li a.home-ico:hover, #vertmenu ul li a.home-ico:focus { color:yellow; background-color:blue; } div#vertmenu ul li a.home-ico { background:url('https://www.java2s.com/style/demo/Google-Chrome.png') left no-repeat; padding:6px 0px 3px 18px; } </style> </head> <body> <div id="vertmenu"> <ul> <li> <a href="#" tabindex="1" class="home-ico">Lore</a> </li> </ul> </div> </body> </html>