Botão do windows xp com apenas css e html!

É possível fazer ? :3 toma ai o código, não remova os créditos;
Código:
<div id="botao-xp">
<a href="javascript:void(0);" title="Créditos: belo-sonho.blogspot.com">Botão do windows xp com apenas css !</a>
</div>
<style>
#botao-xp {
  font-family: arial;
  background: #F1F0EB;
  padding: 8px;
  padding-bottom: 3px;
  width: 220px;
  padding-top: 3px;
  text-align: center;
  border-radius: 5px;
  box-shadow: inset 0px -5px 3px rgba(173, 173, 173, 0.19);
  border: 1px solid #446E91;
  cursor: pointer;
}
#botao-xp a{
text-decoration:none;
color:#000;
font-size:14px;
}
#botao-xp a::selection{background:#2B70CB; color:#f9f9f9;}
#botao-xp:hover{
  background: #F1F0EB;
  text-align: center;
  border-radius: 5px;
  box-shadow: inset 0px -5px 3px rgba(173, 173, 173, 0.19);
  border: 1px solid #446E91;
  outline-offset: -3px;
  outline: 1px dotted #73AEDF;
}
</style>

0 comentários:

Postar um comentário

Obrigada por comentar, deixe seu blog no comentário para eu retribuir *-*