English
<!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=gb2312" /> <title>outset attribute of border-style </title> <style type="text/css"> .bevelmenu{ font: bold 13px arial; padding: 6px 0; margin: 0; width: 100%; background-color: #FFF2BF; text-align: left; /*Set the value to "right" and the menu will move to the right*/ } .bevelmenu li{ list-style: none; display: inline; } .bevelmenu li a{ padding: 3px 0.5em; text-decoration: none; color : black; background-color: #FFF2BF; border: 2px solid #FFF2BF; } .bevelmenu li a:hover{ color: black; background-color: #FFE271; border-style: outset; } html>body .bevelmenu li a :active{ /* The effect of mouse click is only supported by non-IE browsers*/ border-style: inset; } </style> </head> <BODY> <ul class="bevelmenu"><li><a href="http://www.sina.com">Sina</a> </li><li><a href="http://www.163.com">NetEase</a> </li ><li><a href="http://www.baidu.com">Baidu</a> </li><li><a href="http://www.yahoo.com">yahoo< /a> </li><li><a href="http://www.google.com">Google</a> </li></ul> </BODY> </html>