Cómo cambiar el color de fondo en HTML
El color de fondo del documento/elemento HTML mejora la estética de la página web. Cambiar el color de fondo de una página web HTML le permite crear diseños de color únicos. Agregar color de fondo a HTML lo hace más destacado y lo hace más legible para los lectores.
HTML proporciona un amplio apoyo para manipular los elementos. HTML proporciona el soporte para cambiar el color de fondo según el requisito.
Este artículo tiene como objetivo servir varios métodos para cambiar el color de fondo en HTML. Obtendrá los siguientes resultados de aprendizaje:
- Cómo cambiar el color de fondo en HTML usando CSS en línea
- Cómo cambiar el color de fondo en HTML utilizando el CSS interno
- Cómo cambiar el color de fondo en HTML utilizando el CSS externo
Cómo cambiar el color de fondo en HTML
El Propiedad de "color de fondo" en html cambiará el color de fondo. Las versiones anteriores apoyaron el Propiedad "Bgcolor" que ya no es compatible con la última versión. El Propiedad de "color de fondo" se puede ejercer a través de los siguientes medios:
- CSS en línea: Los estilos CSS se agregan dentro de la etiqueta
- CSS interno: Los estilos se agregan en la sección del cabezal dentro del documento HTML
- CSS externo: Se crea y se vincula un archivo CSS externo con el documento HTML para agregar los cambios
Todos estos métodos se discuten en las próximas secciones.
Cómo cambiar el color de fondo en HTML usando CSS en línea
En línea CSS se usa dentro de la etiqueta de apertura del elemento del elemento, en línea CSS afectará solo el elemento en el que se está utilizando. Usaremos el atributo de color de fondo para cambiar el atributo de color
Código:
| 1 2 3 | Utilizamos el atributo de color de fondo para cambiar el color de fondo |
Aquí utilizamos CSS en línea en la etiqueta del cuerpo, al color de fondo
Hemos utilizado el atributo de estilo dentro de la etiqueta del cuerpo y agregamos la propiedad de color de fondo y le asignamos el nombre de la palabra clave de color Azure.
Producción:
El color de fondo de la etiqueta del cuerpo se cambia a Azure después de aplicar CSS en línea.
Cómo cambiar el color de fondo en HTML usando CSS interno
CSS interno se utiliza para diseñar un solo documento HTML dentro de la sección Head. Todo el código CSS estará dentro de la etiqueta de estilo y la etiqueta de estilo estarán dentro de la etiqueta de la cabeza.
Código:
| 1 2 3 4 5 6 7 |
Utilizamos CSS en línea y seleccionamos la sección del cuerpo para aplicar la propiedad de "color de fondo".
Producción:
Como puede ver, el color de fondo cambió a Azure usando CSS en línea.
Cómo cambiar el color de fondo en HTML usando CSS externo
CSS externo es un archivo separado que contiene solo código CSS. Está vinculado dentro de la sección principal de un archivo HTML usando la etiqueta, se puede usar para realizar cambios en múltiples páginas web. Los archivos CSS externos deben guardarse con .Extensión CSS.
Código CSS:
| 1 2 3 | cuerpo Color de fondo: #f0ffff; |
Se crea un archivo CSS nombrado "estilo.CSS " y el código mencionado anteriormente se escribe dentro "estilo.CSS ".
Código HTML:
| 1 2 3 |
Además, las siguientes líneas se utilizan para vincular el archivo CSS en un documento HTML.
La etiqueta se usa para vincular el archivo CSS en la sección principal.
Producción:
Se observa que el color de fondo se cambia de predeterminado a Azure.
Conclusión
El atributo de color de fondo cambiará el color de fondo en HTML. El color de fondo del atributo se aplicará utilizando todos los métodos de estilo que sean CSS en línea, interno y externo. El "nombre de color", el valor "hexa" del color o la combinación "RGB" de la propiedad "de color de fondo" se puede utilizar para aplicar una variedad de colores.