Cómo crear un botón de micro en css3
Video: Botones HTML CSS # 7 | Diseño Web
A pesar de que la forma CSS3 parece bastante complicado, se puede crear un botón de micro relativamente rápido. El procedimiento siguiente le guía a través de la tarea de crear un botón de micro.
Elegir un tamaño para el botón en el campo Tamaño de los botones.
El tamaño del botón determina la cantidad de texto puede aparecer en el botón de micro. Se debe ajustar el tamaño antes de cambiar nada más, porque el tamaño del botón modifica también cómo los otros cambios aparecen en pantalla.
(Opcional) Active la opción esquinas redondeadas cuando se desee (y disponibles).
La opción de esquinas redondeadas sólo está disponible cuando se trabaja con un botón de 88 × 31.
(Opcional) Comprobar el uso de dos filas para la opción de texto cuando se desee (y disponibles).
Las dos filas para la opción de texto sólo está disponible cuando se trabaja con un botón de 88 × 31.
Elija un color de base o detectar Base color es transparente.
los color de base aparece detrás de todos los demás elementos del botón. Una base transparente permitirá que el fondo para mostrar a través. El color base siempre resulta en una imagen cuadrada, incluso si se comprueba la opción de esquinas redondeadas.
Elija un color de borde o detectar Color del borde es transparente.
los color del borde define la parte exterior del botón real, pero hay un borde de 1 píxel entre el borde de la frontera y el extremo de la base, de modo que una base de color siempre se mostrará a través. La elección de las opciones resultados esquinas redondeadas en la frontera con esquinas redondeadas.
Elija una opción en el cuadro de lista desplegable Fuente.
La herramienta proporciona acceso a dos fuentes diferentes. La opción de Sans-serif funciona mejor cuando se utiliza un botón de 88 × 31 con una barra vertical.
Elegir un color de la barra o hacer que la barra transparente.
El botón siempre utiliza una barra vertical de 80 x 15 botones, pero se puede utilizar una barra vertical u horizontal de 88 × 31 botones. El nombre de la opción cambia la barra para que coincida con la orientación de la barra.
Escriba un valor en el campo de texto del lado izquierdo.
El botón puede contener cerca de diez caracteres por valor del total de texto cuando se trabaja con una sola fila de texto con una barra vertical. Cada fila puede acomodar aproximadamente 19 caracteres por un valor de texto (38 caracteres en total) cuando se utilizan dos filas de texto.
Establecer el fondo del campo de texto del lado izquierdo y colores de primer plano.
Puede utilizar el selector de colores o escribir el valor hexadecimal en los campos apropiados.
Escriba un valor en el campo de texto del lado derecho.
Video: Como crear botones con HTML y CSS3
Establecer el fondo del campo de texto lateral derecho y colores de primer plano.
Video: Crear botones con CSS y HTML
Puede utilizar el selector de colores o escribir el valor hexadecimal en los campos apropiados.
(Opcional) Ajuste de la posición vertical bar cuando se desee (y disponibles).
El ajuste de la posición de barra vertical sólo se activa cuando el botón utiliza una barra vertical. Dos texto fila utiliza toda la anchura del botón para cada fila.
Haga clic en Actualizar.
Ver todos los cambios realizados en el botón.
Realice los cambios necesarios y haga clic en Actualizar después de cada cambio.
Video: Como crear Botones Animados con Animaciones CSS3
Con el tiempo el botón se verá exactamente como usted quiere que se vea.
derecha, haga clic en el botón y selecciona Guardar como en el menú contextual.
Aparece un cuadro de diálogo Guardar imagen.
16. Escriba el nombre que desea utilizar para el botón y haga clic en Guardar.
El botón está listo para su uso.