OnHover CSS change |
OnHover CSS change |
inusm |
Feb 27 2011, 09:43 PM
Post
#1
|
Newbie Group: Members Posts: 16 Joined: 29-January 11 Member No.: 13,739 |
How can I get the bottom-border to change its color accordingly to which button is hovered over?
CODE <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> .bottom { border-bottom: 1px solid #0FF; } .bottom1 { border-bottom: 1px solid #0FF; } .bottom2 { border-bottom: 1px solid #000; } .bottom3 { border-bottom: 1px solid #CCC; } .bottom4 { border-bottom: 1px solid #FFF; } .bottom5 { border-bottom: 1px solid #FFF000; } li { display: inline; } </style> </head> <body> <div class='bottom'> <ul> <li><a href='somewhere1'>Button #1</a></li> <li><a href='somewhere2'>Button #1</a></li> <li><a href='somewhere3'>Button #1</a></li> <li><a href='somewhere4'>Button #1</a></li> <li><a href='somewhere5'>Button #1</a></li> </ul> </div> </body> </html> |
Lo-Fi Version | Time is now: 4th May 2024 - 08:27 AM |