Cambiar el color de los botones en un documento html
Este tutorial le enseñará cómo cambiar el color de un botón en HTML.Puede cambiar el color de un botón usando HTML normal o usando CSS (hojas de estilo en cascada) en HTML5.
Pasos
Método 1 de 2: Usar HTML
1. escribe en el cuerpo de tu HTML. Este es el comienzo de la etiqueta del botón de su código HTML.El cuerpo de su HTML es el área entre el Para encontrar un código hexadecimal, vaya a https://www.Google.es/buscar?q=color+selector en un navegador web.Use el control deslizante en la parte inferior para elegir un color.Usa el círculo en la ventana para elegir un color.Resalte y copie el código de seis dígitos (incluido el signo de libra) en la barra lateral de la izquierda y péguelo en la etiqueta de su botón. Tú también puedes "transparente" usar como color de fondo Para encontrar un código hexadecimal, vaya a https://www.Google.es/buscar?q=color+selector en un navegador web.Use el control deslizante en la parte inferior para elegir un color.Usa el círculo en la ventana para elegir un color.Resalte y copie el código de seis dígitos (con el signo de almohadilla) en la barra lateral de la izquierda. Tú también puedes "transparente" escriba como color de fondo, para que el fondo sea invisible.
2. escribe estilo= después "botón" en la etiqueta de tu botón.Esto indica que hay elementos de estilo en la etiqueta del botón.Todos los elementos de estilo están detrás de la "=" letrero publicado.
3. Añadir una cita (") después del signo igual (=).Todos los elementos de estilo en su etiqueta de botón HTML deben estar entre comillas.
4. escribecolor de fondo:dentro de las comillas después "estilo=". Este elemento se utiliza para cambiar el color de fondo del botón.
5. Escriba un nombre de color o código hexadecimal después"color de fondo:".Puede introducir el nombre de un color (p. ej. azul) o escriba un color hexadecimal.
6. Escriba un punto y coma (;) después del color de fondo.Use un punto y coma para separar los diferentes elementos de estilo en el resaltado del botón HTML.
7. escribecolor del borde: dentro de las comillas después "estilo=".Este elemento se utiliza para determinar el color del borde alrededor del botón.Puede colocar elementos de estilo en cualquier orden dentro de las comillas después "estilo=" lugar. Cada elemento debe estar separado por un punto y coma (;).
8. Introduzca un nombre de color o un código hexadecimal para el color de la línea del marco.El nombre del color o el código hexadecimal del borde viene después del elemento "color del borde:" elemento.
Si desea eliminar el borde, escriba borde: ninguno en lugar de eso "color del borde:" elemento a utilizar.
9. Escriba un punto y coma (;) después del color del borde.Use un punto y coma para separar los diferentes elementos de estilo en la etiqueta del botón HTML.
10. escribecolor:dentro de las comillas después "estilo=". Este elemento se utiliza para cambiar el color del texto en el botón.Puede colocar elementos de estilo en cualquier orden dentro de las comillas después "estilo=" lugar. Cada elemento debe estar separado por un punto y coma (;).
11. Escriba el nombre de un color o código hexadecimal.esto viene despues "color:" en el elemento de estilo.Esto determina el color del texto en el botón.
12. Escriba una comilla (") después de cada elemento de estilo.Cada elemento de estilo debe ir entre comillas después de "estilo=" estar en la etiqueta del botón.Cuando haya terminado de agregar un elemento de estilo, escriba una cita (") al final para cerrar el elemento de estilo.
13. escribe > después del elemento de estilo.Esta es una etiqueta final.
14. Escriba el texto del botón después del resaltado del botón.Cuando haya terminado con la etiqueta de apertura de su botón, escriba el texto que viene dentro del botón después de la etiqueta.
15. escribe después del texto del botón.Esta es la etiqueta de cierre de su botón.El botón ya está completo.El código HTML debería verse así.
Método 2 de 2: usar CSS
1. escribe en la parte superior del documento HTML. Esto crea un encabezado para su documento HTML.El encabezado del documento es donde va la información que no es visible en la página web.Esto incluye metadatos, título de página y hojas de estilo.
2. escribe . Esta etiqueta agrega una ubicación en una página web para hojas de estilo en cascada (CSS).Esta sección aparecerá en el encabezado de un documento HTML.
Algunos documentos HTML usan una hoja de estilo externa.Si es así, debe conocer la ubicación del archivo CSS externo y editar las hojas de estilo de los botones en ese documento.
3. escribe .botón { en una línea separada después de la sección de estilo.Esto abrirá la hoja de estilo de un botón para el que está creando un estilo.
También puede cambiar el color del botón al pasar el mouse sobre el botón creando una hoja de estilo separada con .botón: flotar { como etiqueta de apertura.
4. escribe color de fondo:. Este código estará en una línea separada en la hoja de estilo de los botones. Este elemento controla el color de fondo del botón.
5. Escriba el nombre de un color o código hexadecimal seguido de un punto y coma (;).Escriba esto después del elemento "color de fondo:" en la hoja de estilo de los botones.Esto indica el color de fondo del botón.
6. escribe color del borde:. El elemento determina el color del borde alrededor del botón.Escriba esto en una línea separada en la hoja de estilo para el botón.
7. Escriba el nombre de un color o código hexadecimal seguido de un punto y coma (;).Esto determina el color del borde alrededor del botón. Esto viene después del elemento "color del borde:" en la hoja de estilo del botón.
Si desea eliminar el borde, utilice borde: ninguno; en lugar del elemento "color del borde: nombre del color".
8. escribe color:. Escriba esto en una línea separada en la hoja de estilo. Este elemento controla el color del texto en el botón.
9. Escriba el nombre de un color o código hexadecimal seguido de un punto y coma (;).Esto determina el color del texto en el botón.Esto viene después de la "color:"-elemento en la hoja de estilo del botón.
10. escribe } en una línea separada.Cierra la hoja de estilo del botón.Puede crear varias hojas de estilo de botones, siempre que le dé a cada botón un nombre único.
11. escribe después de que hayas terminado con el CSS.Una vez que haya terminado de crear todas sus hojas de estilo, escriba "
12. escribe . Esto cerrará el encabezado de su documento HTML.
13. escribe en el cuerpo de su documento HTML. Esto agrega un botón a la parte visible de su documento HTML utilizando las hojas de estilo especificadas en la parte Estilo de su documento HTML.reemplazar "URL" por la dirección web a la que apunta el botón.El cuerpo de su documento HTML se encuentra entre el
Artículos sobre el tema. "Cambiar el color de los botones en un documento html"
Оцените, пожалуйста статью
Popular