Botões com CSS?

LucasConstantino · Abril 10, 2009

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!

_Cristiano_ · Abril 10, 2009

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.

DeeKilleer · Abril 14, 2009

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 Abril 15, 2009 por DeeKilleer

Entrar

Botões com CSS?

Pergunta

LucasConstantino

Link para o comentário

Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

_Cristiano_

Link para o comentário

Compartilhar em outros sites

DeeKilleer

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades