Español
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transicional//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>atributo inicial de estilo de borde; </title> <style type="text/css"> .bevelmenu{ fuente: negrita 13px arial; relleno: 6px 0; ancho: 100%; color de fondo: #FFF2BF; /*Establezca el valor en "derecha" y el menú se moverá hacia la derecha*/ } .bevelmenu li{ list-style: none; display: inline } .bevelmenu li a{ padding: 3px 0.5em; ninguno; color: negro; color de fondo: #FFF2BF; borde: 2px sólido #FFF2BF; } .bevelmenu li a:hover{ color: negro; color de fondo: #FFE271; bevelmenu li a :active{ /* El efecto del clic del mouse solo es compatible con navegadores que no son IE*/ 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 >
