<html>
<corpo>
<style type="text/css">
#elButton a {
color: #000000;
tamanho da fonte: 10px;
família de fontes:verdana;
peso da fonte: negrito;
decoração de texto: nenhuma;
borda: 4px início água;
cor de fundo:#00ffff;
exibição: bloco;
largura: 160px;
preenchimento: 3px 5px;
margem: 1px;
}
#elButton a:hover {
cor de fundo: #00c0c0;
cor:#000000;
preenchimento à esquerda: 4px;
borda: 4px inserido aqua;
}
#elButton a {
cor: #000;
tamanho da fonte: 10px;
família de fontes:verdana;
peso da fonte: negrito;
decoração de texto: nenhuma;
borda: 4px início água;
cor de fundo:#00ffff;
exibição: bloco;
largura: 160px;
preenchimento: 3px 5px;
margem: 1px;
}
#elButton a:hover {
background: #00c0c0;
cor:#000000;
preenchimento à esquerda: 4px;
borda: 4px inserido aqua;
}
</style>
</head>
<body>
<div id="elButton">
<div>
<a href="#">Java Script</a>
</div>
<div>
<a href="#">HTML dinâmico</a>
< /div>
<div>
<a href="#">Lado do servidor</a>
</div>
<div>
<a href="#">Lado do cliente</a>
</div>
</div>
</body>
</html>