É 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 *-*