Como posso dar um visual a um texto no css ?

iJhefeX escreveu:Isso é fácil, são botões simples. Se quiser mando um CSS pronto xP

Código:

<!--
Altere o href="#" dos buttons. Para mudar o background dos buttons, vá em .botao1 e altere o background-color.
By: iJhefe
(www.neonix.me) ou (www.forum.neonix.me)
-->
<style>
.botao-tema {
    background-color: rgba(0,0,0,0.01)/* trasnparent */
    border: none;
    color: white;
    padding: 16px 28px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
      border-radius: 3px;
   text-decoration: none;
      
}
   .botao1 {
          background-color: rgba(0,0,0,0.00);
    color: black;
    border: 2px solid #329ACC;
   }
   .botao1:hover {
    background-color: #329ACC;
    color: black;
   }
   .botao1 a {
    color:black; 
   }
   .botao1:hover a {
       color:white;
   }
</style>

<button class="botao-tema botao1"><a style="text-decoration: none; text-decoration-color:black; float: left; " href="#">#</a></button>
<button class="botao-tema botao1"><a style="text-decoration: none; text-decoration-color:black; float: right;" href="#">A</a></button>
<button class="botao-tema botao1"><a style="text-decoration: none; text-decoration-color:black; float: right;" href="#">B</a></button>

iJhefeX escreveu:

Código:

<!--
Altere o href="#" dos buttons. Para mudar o background dos buttons, vá em .botao1 e altere o background-color.
By: iJhefe
(www.neonix.me) ou (www.forum.neonix.me)
-->
<style>
.botao-tema {
     background-color: rgba(0,0,0,0.01)/* trasnparent */
    border: none;
    color: white;
    padding: 16px 28px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
      border-radius: 3px;
   text-decoration: none;
      
}
   .botao1 {
          background-color: rgba(0,0,0,0.00);
    color: black;
    border: 2px solid #329ACC;
   }
   .botao1:hover {
    background-color: #329ACC;
    color: black;
   }
   .botao1 a {
    color:black;  
   }
   .botao1:hover a {
       color:white;
   }
</style>

<button class="botao-tema botao1"><a style="text-decoration: none; text-decoration-color:black; float: left; " href="#">#</a></button>
<button class="botao-tema botao1"><a style="text-decoration: none; text-decoration-color:black; float: right;" href="#">A</a></button>
<button class="botao-tema botao1"><a style="text-decoration: none; text-decoration-color:black; float: right;" href="#">B</a></button>

Bom, ai ta o código de uns botões que julgo ser bonito. Espero que te sirva