Cambiar el color de la etiqueta de recursos humanos CSS
"Etiqueta usando CSS. El "
"La etiqueta en HTML se usa para representar una ruptura temática entre dos párrafos en HTML. Parece una línea horizontal entre los párrafos. Cambiaremos el color de esta etiqueta de recursos humanos con la ayuda de CSS en esta guía. Usamos diferentes propiedades para cambiar el color de esta etiqueta. Tienes que pasar por estos ejemplos que se elaboran en esta guía para una mejor comprensión de esto.
Propiedades para cambiar de color:
Usaremos dos propiedades aquí para cambiar el color de la etiqueta de recursos humanos:
- La propiedad de color de fondo.
- La propiedad fronteriza.
Ejemplo # 1: mediante el uso de la propiedad de color de fondo
Abra un nuevo archivo HTML en el que usamos el "
"Etiqueta y luego cambia el color de esto
Etiqueta en el archivo CSS. Realizamos los códigos dados en el estudio de código visual. Tenemos que crear un archivo HTML para escribir el código HTML. Este archivo debe guardar con el ".extensión HTML ”. El código HTML se utiliza para diseñar el
Etiqueta entre dos párrafos. Si está trabajando en el código de Visual Studio para crear archivos HTML, abra un nuevo archivo y escriba el "!" marca. Luego, presione ENTER Las etiquetas HTML están incorporadas en este estudio de código visual que se muestra en la pantalla. Tienes que escribir el cuerpo y colocar la etiqueta de enlace en la plantilla dada.
Defina el tipo de este documento que es "HTML" aquí. Abra la etiqueta y. Después de esto, la etiqueta "meta" se define aquí como "charset = utf-8". Esto significa que nos permite usar muchos personajes en nuestro documento. Y admite muchos idiomas. Establecemos el título usando la etiqueta de apertura y cierre "". Como queremos vincular este archivo HTML al archivo CSS para cambiar el color del "
"Etiqueta, usamos la etiqueta" "y cerramos nuestra etiqueta" ". Tenemos que escribir dos párrafos y colocar el
etiqueta entre estos dos párrafos para que podamos cambiar el color de esta etiqueta. Escribimos el párrafo entre las etiquetas "". Tenemos una "
"Etiqueta después del primer párrafo. Luego, escriba el segundo párrafo y cierre las etiquetas de "" y "".
Archivo CSS para estilo y cambio de color:
Después de guardar el archivo HTML anterior, cree un archivo con el nombre mencionado en el enlace del archivo HTML. Aquí cambiaremos el color de la etiqueta de recursos humanos que creamos en el archivo HTML.
Primero, escribimos RRHH, y dentro de los aparatos ortopédicos de RRHH, vamos a dar estilo a nuestra etiqueta de recursos humanos. Damos la altura de esto "
"Etiqueta igual a" 4px "para que la altura de nuestra etiqueta de recursos humanos sea de aproximadamente 4px. Utilizamos la propiedad de color de fondo aquí. Esta propiedad se usa para cambiar el color del elemento de recursos humanos en CSS. Hemos establecido el color de la línea de recursos humanos como azul. Entonces, establecemos el azul del "color de fondo" para esto. La frontera para esto es ninguno porque no queremos colocar ningún borde a su alrededor.
Obtenemos la salida simplemente presionando Alt+B en el archivo HTML o también presionando el botón derecho del mouse y seleccionando Abrir en el navegador predeterminado. Obtendremos la salida del navegador.
Aquí, la línea entre los párrafos se vuelve "azul" porque establecemos el color de esta etiqueta de recursos humanos "azul". Esta es la única forma de cambiar el color de la etiqueta "HR" usando "CSS".
Ejemplo # 2: mediante el uso de la propiedad de la cima del borde
En este ejemplo, usamos la propiedad "fronteriza" en CSS. Esta propiedad también ayuda a cambiar el color.
Aquí, simplemente cambiamos el enlace al archivo CSS en el archivo HTML anterior porque creamos un nuevo archivo CSS para usar otra propiedad para cambiar el color. Entonces, no necesitamos explicar este código nuevamente.
Archivo CSS para cambiar de color:
Comenzamos este código CSS de la misma manera usando el HR en la primera línea y abriendo un soporte rizado.
Configuramos la pantalla como "bloque". Este bloque llenará toda la línea. Entonces, la altura de esta línea es "2px". El borde para esto es cero "0". Ahora, estamos utilizando la propiedad "fronteriza" aquí. Esta propiedad ayuda a cambiar el color de la etiqueta de recursos humanos en CSS. Aquí, "5px" define el ancho, "sólido" define el "estilo de línea" y "rojo" se usa para el color de la etiqueta de recursos humanos. De esta manera, establecemos el ancho, el estilo de línea y el color de la etiqueta de recursos humanos en CSS. El margen creará el espacio de "2em". Y el relleno aquí es "0".
Como el relleno se usa para crear el espacio adicional entre los elementos, la línea no contiene elementos, por lo que lo establecemos como cero. Por último, cerramos el soporte rizado y lo guardamos. Hemos vinculado este archivo a nuestro archivo HTML para que todos estos estilos se aplicarán al archivo HTML. Puede verificar la salida de esto en la imagen, ya que la imagen también se da aquí.
Ejemplo # 3:
En este ejemplo, usamos dos etiquetas de recursos humanos en nuestro archivo HTML y usamos ambos métodos para cambiar el color de la etiqueta de recursos humanos. Aquí, vamos a dar dos colores a la etiqueta o línea de recursos humanos al mismo tiempo. Veamos este ejemplo.
Aquí, creamos tres párrafos por separado usando tres pares de "
"Etiquetas de apertura y cierre del párrafo. Después de cada párrafo, colocamos una etiqueta de recursos humanos. Entonces, tenemos dos etiquetas de recursos humanos aquí en este código. Además, vincule este archivo HTML al nuevo archivo CSS que crearemos para el estilo de estas etiquetas de recursos humanos.
Archivo CSS para cambiar de color:
En este ejemplo, usamos dos propiedades diferentes para cambiar el color en la misma línea. En la primera hora de recursos humanos, abrimos los aparatos ortopédicos y vamos a usar la propiedad de la cima del borde. En esto, la altura es "2px" y se usa la propiedad de la cima del borde. Establecemos el ancho en "5px" y el estilo de la línea que es "sólido" y también cambia el color a "verde". Luego cierre esto y cree un nuevo "HR" en el que utilizaremos la propiedad de "color de fondo". Así que aquí la altura es "4px" y el color de fondo es "naranja". Entonces, la línea será de dos colores que son "verdes" y "naranja".
Aquí puede notar que podemos dar más de un color a nuestra etiqueta de recursos humanos utilizando estas propiedades.
Conclusión:
En esta guía, hemos aprendido a cambiar el color de la etiqueta de recursos humanos con la ayuda de las propiedades de CSS. Hemos elaborado en tres códigos diferentes en esta guía. Hemos alterado el color de la línea de recursos humanos aplicando el atributo de "color de fondo". En el siguiente ejemplo, hemos utilizado otra propiedad que es la propiedad "fronteriza" para cambiar el color. También proporcionamos capturas de pantalla de la salida después de ejecutar todos los códigos y mostrar la salida en el navegador. Espero que aprendas a cambiar el color de la línea de recursos humanos en CSS después de leer esta guía.