Tecnología

Inicio

Cómo cambiar el color de bala en una lista desordenada HTML

Normalmente cuando se crea una lista desordenada en HTML, las balas y un texto tanto adoptar el mismo color que el texto en la página. Si desea especificar un color diferente para las balas en una lista desordenada en su página HTML, se puede implementar una cadena de código CSS en el HTML para especificar el color de las balas en la lista, así como el texto de la lista.

Instrucciones

1 Abra el documento HTML que desea cambiar el color de bala de una lista desordenada con un editor de texto o un editor HTML.

2 Agregue el siguiente código entre las "<head>" y "</ head>" etiquetas en la página:

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

3 Agregue el siguiente código entre la apertura y cierre "<style>" etiquetas que acaba de insertar en el documento:

ul #-balas de colores li

{

color: # FF0000;

}

ul #-balas de colores lapso de li

{

color: # 000000;

}

Cambio "# FF0000" al código de color hexadecimal HTML que desea cambiar las balas en una lista desordenada a. Cambio "# 000000" para el código de color HTML o código de color hexadecimal de la parte de texto de la lista. Si no desea que el texto de cambiar los colores especifican el mismo color que el resto del texto en la página (el valor predeterminado es "# 000000").

4 Agregue el código siguiente en la página donde desea que aparezca la lista desordenada:

<Id = "de color ul-balas">

</ Ul>

Al especificar el ID de "balas de colores" de la lista desordenada, otras listas desordenadas en su página no se ven afectados. Añadir la "balas de colores" Identificación de las listas no ordenadas que desee cambiar los colores de bala para.

5 Agregue el código siguiente para cada viñeta que desea que aparezca en la lista, entre los "<ul>" etiquetas de apertura y cierre:

<Li> <span> Bullet texto </ li>

Esto crea una bala en la lista. Reemplazar "bala de texto" con el texto de la bala. Continuar añadiendo el código anterior para tantas balas como desee que aparezca en la lista.

6 Guarde el archivo y subirlo a su servidor.


Artículos relacionados