Blog Reacción Estudio

¡Tu zona de aprendizaje!

22 estilos CSS para botones Html

Hola, pues hoy os traigo una gran variedad de estilos CSS para los botones de vuestras páginas web. En total son unos 22 estilos diferentes, muy elegantes y profesionales, como vereis a continuación:

Estilos

http://www.bloggerswatch.com/internet/css-trick-submit-button-should-look-same-everywhere/

http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html

http://monc.se/kitchen/95/scalable-buttons-update

http://www.jankoatwarpspeed.com/post/2008/04/30/make-fancy-buttons-using-css-sliding-doors-technique.aspx

http://woork.blogspot.com/2008/06/beautiful-css-buttons-with-icon-set.html

http://kailoon.com/css-sliding-door-using-only-1-image/

http://www.dynamicdrive.com/style/csslibrary/item/css_oval_buttons/

http://learnola.com/2008/10/28/css-tutorial-roll-over-button/

http://www.firefly-multimedia.com/chatterbox/?p=26

http://www.hedgerwow.com/360/dhtml/css-round-button/demo.php

http://www.sohtanaka.com/web-design/liquid-color-adjustable-css-buttons/


http://www.halmatferello.com/journal/pure-css-buttons/

http://www.egypt-webdesign.com/css-techniques/style-your-form-buttons-with-only-css-and-zero-javascript.htm

http://www.usabilitypost.com/2008/12/16/pressed-button-state-with-css/

http://www.nowcss.com/links/image-rollover-with-css

http://www.dynamicdrive.com/style/csslibrary/item/bold_css_buttons/

http://stopdesign.com/archive/2009/02/04/recreating-the-button.html

http://wellstyled.com/css-nopreload-rollovers.html

http://www.filamentgroup.com/lab/update_styling_the_button_element_with_css_sliding_doors_now_with_image_spr/

http://wphacks.com/sliding-doors-wordpress-navigation-css-technique/

http://www.hedgerwow.com/360/dhtml/css-simple-link-button-with-round-corner/demo.php#

Si después de todos estos botones, no os gusta ninguno, podeis utilizar el siguiente generador online de botones para personalizarlos a tu gusto:

http://css-tricks.com/examples/ButtonMaker/