Page is a not externally linkable
- Code, Content, and Presentation
-- CSS
---- CSS Beveled Button Effect


drbrain - 7:08 pm on May 15, 2003 (gmt 0)


Another useful thing to do is adjust the padding when the button is :hover:active. This gives an even more realistic 'clicked' apperance:

#menu :link, #menu :link:active, #menu :link:hover {
border: 2px outset gray;
padding: 1px 6px 2px 5px;
}

#menu :link:hover:active {
border: 2px inset gray;
padding: 2px 5px 1px 6px;
}

<div id="menu"><a href="#a">foo</a><a href="#b">bar</a></div>


Thread source:: http://www.webmasterworld.com/css/1025.htm
Brought to you by WebmasterWorld: http://www.webmasterworld.com