Tecnología

Inicio

Cómo hacer un asterisco rojo en CSS

formularios web a veces usan asteriscos rojos para indicar un campo obligatorio, tales como "nombre" o "e-mail." Para cambiar el formato de un pequeño trozo de texto en una página web, sitio "<span>" etiquetas en todo el texto y añadir un nombre de clase para que pueda orientar en el código de estilo. Una clase como "rojo" puede tener el código para cambiar el color del texto, incluyendo un asterisco. Una vez que escribir el código CSS para la clase "roja", se puede volver a utilizar el mismo código lapso de una y otra vez, según sea necesario.

Instrucciones

1 Abra el archivo HTML en el Bloc de notas o un editor de código. Encuentra tu asterisco en el código de página. Si el asterisco es parte de un formulario web, lo más probable encontrarlo junto a una etiqueta "<input>", a veces en "<label>" etiquetas.

2 Envuelve tu asterisco en un par de "<span>" etiquetas. Añadir un nombre de clase de la "roja" a las etiquetas:

<Span class = "red"> * </ span>

Usted puede hacer esto para tantos asteriscos como sea necesario para hacer rojo.

3 Encontrar el "<style>" etiquetas en la cabeza de su código HTML o añadirlos:

<Style type = "text / css">
</ Style>

4 Escribe una regla de estilo para la clase "rojo". Dentro de la regla de estilo, establecer la propiedad "color" a "rojo":

<Style type = "text / css">
.rojo {

color: red;

}
</ Style>

También puede utilizar "# ff0000" en lugar de "rojo" si lo prefiere códigos de color hexadecimal.

Consejos y advertencias

  • Copia de seguridad de sus páginas Web antes de la edición de ellos, en caso de que cometa un error y no se puede seguir hacia abajo.