Poner bullets en HTML

31/Jul/2007 HTML 4 Comentarios

Si queremos poner un punto, una de las opciones que tenemos es la de utilizar una lista desordenada UL Este sería el mecanismo más estándar.

Otra opción, podríamos decir que más exótica, es la de utilizar entidades. No vamos a entrar en este punto a analizar la utilidad o no de esta solución. Solo la explicamos para saber que existe.

La entidad que representa al punto es bull. Para utilizarla en nuestra página HTML solo tendremos que anteponerle un ampersand & y posponerle un punto y coma ;.

La línea de código nos quedaría de la siguiente forma

• Nuestro texto

Y el resultado, el que sigue:

• Nuestro texto

Vídeos sobre HTML


4 comentarios en “Poner bullets en HTML”

Víctor Cuervo

Alex

Hola, tengo una duda sabrías como puedo poner en css un list-style-type: disc; en los de una lista de definiciones?
Es decir como pongo un punto (el cual pueda modificar de color y tamaño) delante de una lista de definiciones.

Víctor Cuervo

vane

hola si quiero poner otro tipo q no sean esos seria los mismo codigo?

Víctor Cuervo

Víctor Cuervo

Hola Coral,

Como ponía al principio del artículo, lo normal es utilizar las listas <UL> y CSS para poner bullets. En este caso tienes tres tipos de bullets:

  • disc
  • circle
  • square

El código sería algo así:

<ul style="list-style-type:square">
<li>Item 1</li>
<li>Item 1</li>
<li>Item 1</li>
</ul>

Simplemente tendrías que sustituir «square» por alguna de las anteriores opciones.

Por otro lado puedes utilizar el atributo CSS list-style-image. Tienes un ejemplo es Imagenes en listas. Con esto podrías poner cualquier icono en tus listas.

Espero que te sirva…

Víctor Cuervo

Coral Martin

Podrías decirme el código para los diferentes tipos de bullets que hay, no sólo el que aquí pones de ejemplo. Bullets como los de Word. Agradecería tu respuesta lo antes posible, gracias.

¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*