<html>
<cuerpo>
<estilo tipo="text/css">
#elButton a {
color: #000000;
tamaño de fuente: 10px;
familia de fuentes:verdana;
peso de fuente: negrita;
decoración de texto: ninguna;
borde: 4px inicio aqua;
color de fondo:#00ffff;
mostrar: bloquear;
ancho: 160px;
relleno: 3px 5px;
margen: 1px;
}
#elButton a:hover {
color de fondo: #00c0c0;
color:#000000;
relleno-izquierda: 4px;
borde: 4px insertado aguamarina;
}
#elButton a {
color: #000;
tamaño de fuente: 10px;
familia de fuentes:verdana;
peso de fuente: negrita;
decoración de texto: ninguna;
borde: 4px inicio aqua;
color de fondo:#00ffff;
mostrar: bloquear;
ancho: 160px;
relleno: 3px 5px;
margen: 1px;
}
#elButton a:hover {
fondo: #00c0c0;
color:#000000;
relleno-izquierda: 4px;
borde: 4px insertado aguamarina;
}
</estilo>
</cabeza>
<body>
<div id="elButton">
<div>
<a href="#">Java Script</a>
</div>
<div>
<a href="#">HTML dinámico</a>
< /div>
<div>
<a href="#">Lado del servidor</a>
</div>
<div>
<a href="#">Lado del cliente</a>
</div>
</div>
</cuerpo>
</html>