Estive um tempo atrás trabalhando em um projeto que usava imagens como background dos input button, porém dependendo do tamanho do texto do botão, o texto ficava fora da area do botão, sendo assim foi necessário criar diversas classes: botao80px, botao120px, …etc, cada um com a imagem do seu respectivo tamanho.

Ontem navegando na internet encontrei uma dica de CSS muito útil e que resolveria esse meu problema, ela divide o botão em duas imagens, esquerda e direita. Aonde a parte esquerda é de um tamanho consideravel e a parte direita é apenas o final do botão, ou seja, o canto direito. E de acordo com o tamanho do texto ele empurra a parte direita para o lado.

Confira nesse blog.

Anúncios