Primeiro pegue o código abaixo e cole com os códigos CSS do seu blog
/* Botão
-----------------------------------*/
.botao a{
text-align:center;
margin-bottom: -2px;
padding-top:-1px;
padding-bottom:0px;
border: 1px solid #000;
background-color:#cfcece;
color:#000;
text-shadow:0px 1px 2px #000;
font:normal bold 100% Trebuchet, Trebuchet MS, Arial, sans-serif;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
}
.botao a:hover{
color: #0000FF;
background-color: #A9A9A9;
border: 1px solid #FFFF00;
}
<div class="botao">
<a href="URL DO BOTÃO">TITULO DO BOTÃO</a>
<a href="URL DO BOTÃO">TITULO DO BOTÃO</a>
</div>
Ajude-nos comentando abaixo XD
0 comentários:
Postar um comentário