Ir para conteúdo
Fórum Script Brasil
  • 0

Botões com CSS?


LucasConstantino

Pergunta

Então galera... sei que é possível editar um button com css, mas gostaria de saber o seguinte: os botões padrões são dividos realmente em 3 imagens como eu penso ver? seriam elas a margem esquerda e direita e o centro do botão? Se for assim mesmo, como eu faço pra mudar o background do button dessa mesma forma? Meu intuito com isso é criar uma aparência nova pro botão e que não seja uma imagem estatica, podendo, assim, se ajustar conforme o conteúdo ou tamanho do botão.

Entenderam?

Muito obrigado!

Link para o comentário
Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

  • 0

Ve se isso que você procura.

http://monc.se/kitchen/59/scalable-css-but...kground-colors/ (Em inglês)

Ou se algo parecido com isso.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>
<HEAD>
     <TITLE>TESTE</TITLE>
     <META HTTP-EQUIV="DESCRIPTION" CONTENT="">
     <META HTTP-EQUIV="KEYWORDS" CONTENT="">
     <META HTTP-EQUIV="GENERATOR" CONTENT="MPS HTMLGATE FREE">
     <META HTTP-EQUIV="AUTHOR" CONTENT="">
</HEAD>

<BODY>


    <FORM id="formulario" action="novo.php" METHOD="post" >
    <INPUT TYPE="text"/><br>
    <INPUT type="image" src="enviar.png" border="0"/>
    </FORM>




</BODY>
</HTML>

Abraços.

Link para o comentário
Compartilhar em outros sites

  • 0

Entendi.

<hmtl>
<head>
<style type='text/css'>
A.cor:link { color:green; text-decoration:none;}
A.cor:visited { color:green; text-decoration:none;}
A.cor:hover { color:red; text-decoration:none;}
A.cor:active { color:green; text-decoration:none;}
</style>
<style type='text/css'>
.efeito_botao
{
   width:50px;
   height:20px;
   background-color:black;
   color:white;
   font-weight:bolder;
   font-size:12px;
   border:3px groove #FF0000;
}
</style>
</head>
<body bgcolor="#666666">
<h2><font color='black'> Clique na palavra para </font><a href='#' class='cor'> MUDAR DE COR </a></h2>
<input type='button' class='efeito_botao' value='Enviar'>
</body>
</html>

Editado por DeeKilleer
Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,4k
×
×
  • Criar Novo...