segunda-feira, dezembro 20, 2004

Botões redondos em CSS

Essa dica só funciona em browsers de verdade:

<button style="background-color:white;border:1px solid black;-moz-border-radius:4px;">Botão Redondo</button>

Resultado:

Também funciona com outros elementos, como o fieldset:
<fieldset style="border:1px solid gray;-moz-border-radius:4px;">
<legend style="border:1px solid gray;-moz-border-radius:5px;"> Fieldset Redondo </legend>
<ul>
<li>Item</li>
<li>Item</li>
<li>Item</li>
</ul>
</fieldset>


Resultado:
 Fieldset Redondo 
  • Item
  • Item
  • Item

3 comentários:

marcos disse...

Mandou bem cara!!
finalmente encontrou alguém que sabe o que está fazendo!
abs

Luisa disse...

Não funciona no navegador Google Chrome (v 3), mas valeu a dica!

Luciano disse...

-webkit-border-radius: 4px;