ubiquitour.com

Estilos de punto de bala

Cuando HTML primero entró en uso en la década de 1990, todas las listas sin ordenar el mismo miraban porque era sólo el símbolo de punto negro estándar para utilizar como punto de bala. Con Cascading Style Sheets (CSS), mucho más es posible. Listas pueden ser de estilo con formas diferentes, una imagen seleccionada por el usuario o una combinación de opciones.

Estilos de viñeta estándar CSS

Los estilos de bala estándar que usted puede elegir en CSS incluyen un disco, cuadrado o círculo o un carácter alfa lower-roman, upper-roman, lower-alpha o superior. El código de un carácter romano inferior se ve como la siguiente:

UL {}

list-style-type: lower-roman;

}

Para cambiar una lista designada a este estilo, crear una clase y darle el atributo de lower-roman, así:

{.ul_new}

list-style-type: lower-roman;

}

El código de la lista aparecerá en el cuerpo del documento, así:

< ul estilo = "ul_new" >

primera bala < li > < /li >

< /ul >

Estilo a través de la posición de la viñeta

También puede cambiar la posición de la bala, alterando ya ha sangrado o anular la sangría.

Este código está escrito:

{.ul_new}

list-style-type: lower-roman;

list-style-position: inside;

}

Esto es útil cuando se desea la bala en consonancia con otros contenidos (interior).

Cambiar el estilo con otra imagen

Una manera más controlada la apariencia exacta del punto es utilizar tu propia imagen prediseñada bala. Asegúrese de que la imagen es lo suficientemente pequeña para ser un punto de la bala, como imágenes más grandes pueden lanzar la página formato de. El código sería algo como esto:

UL {}

list-style-image: URL(http://locationoffile/nameoffile.jpg);

}

La dirección URL señala a la ubicación de la imagen en el servidor.

En HTML

Si desea alterar directamente la lista en HTML, especifique el estilo de lista en cada punto de la bala:

< ul >

< li tipo = cuadrado > Texto 1 < li >

< li tipo = cuadrado > texto2 < /li >

< /ul >

La forma más rápida es a través de CSS.