Inicio
Estilos
Sencillo
Cubico
Generador de botones
Generador de Buscadores
Entra a nuestro nuevo Generador de Botones CSS
Estilo cubico
Este estilo se asemeja a lo cuadrado, no se me ha ocurrido otro nombre para el.
Código CSS:
.btn { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0px; font-family: Arial; color: #ffffff; font-size: 20px; background: #0099ff url(http://icons.iconarchive.com/icons/custom-icon-design/mono-general-2/32/search-icon.png) no-repeat center; padding: 10px 20px 10px 20px; border: solid #000000 1px; text-decoration: none; } .btn:hover { background: #007bc7 url(http://icons.iconarchive.com/icons/custom-icon-design/mono-general-2/32/search-icon.png) no-repeat center; text-decoration: none; } .txt { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0px; font-family: Arial; color: #000000; font-size: 20px; background: #ffffff; padding-right: 0; padding: 10px 20px 10px 20px; border: solid #000000 1px; text-decoration: none; } .txt:hover { background: #ffffff; text-decoration: none; }
Código HTML:
Entrada antigua
Inicio