Botões Liquidos com CSS & HTML
Por vezes na construção de sites deparo-me com um problema, não quero criar uma imagem para cada botão que crio e não me apetece ter um botão quadrado completamente plano, por vezes pode mesmo quebrar o design do site.
Código HTML
A tag BUTTON tem uma maior capacidade de personalização que usando input type=submit.
Esta tag foi introduzido com a versão 4.01 do HTML e permite, por exemplo, que sejam adicionadas imagens dentro dele.
Fica aqui algumas referencias úteis:
- http://particletree.com/features/rediscovering-the-button-element/
- http://www.htmlhelp.com/reference/html40/forms/button.html
- http://www.w3schools.com/tags/tag_button.asp
Sem dúvida que a grande vantagem da TAG BUTTON é a sua capacidade de ter conteúdo e é essa capacidade que vou explorar.
<button><span><em>Texto Botão</em></span></button>
O objectivo com este código é criar um botão que permita ter um comprimento variável adaptando-se ao seu conteúdo de forma a que não seja necessário editar o CSS cada vez que quero criar um novo botão.
Read more…