Viñeta Punto

Número de caracteres: 114 Leer más...

Viñeta Puntos de Lista

Balotas y Marcadores

Viñetas de Flecha

Viñetas de Emoji

Lista de Caracteres

Viñeta Puntos de Lista

Balotas y Marcadores

Viñetas de Flecha

Viñetas de Emoji

Como muchas otras colecciones, esta está diseñada para la decoración de texto. ¿Qué tenemos aquí? ¡Símbolos para organizar tus listas con estilo! En esta página encontrarás:

  • Formas geométricas de varios colores y tamaños.
  • Flechas y otros marcadores de dirección. Todos apuntando hacia la derecha.
  • Marcas de verificación grandes y audaces.
  • Ornamentos complejos.
  • E incluso tus emojis favoritos.

¡Todos estos ayudantes pequeños están a tu servicio! Puedes copiarlos y pegarlos en editores de texto o mensajes en redes sociales. Además, son útiles para el diseño web.

Casi cualquier signo, caracter o símbolo puede convertirse en un marcador de lista. La única condición obligatoria es que debe ser renderizado por las fuentes. Para hacer esto, se aplica el pseudo-elemento ::before a la etiqueta <li>. Voy a mostrarte un ejemplo:

HTML

<ul class="plan_na_jizn">

<li>Primero, no te rindas y no cedas.</li>

<li>Segundo, ama a todos y sonríe.</li>

<li>En tercer lugar, encuentra y vuelve a perder.</li>

<li>Finalmente, ríndete y cede.</li>

</ul>

CSS

/* elimina todo lo que había por defecto */

.plan_na_jizn { list-style-type: none; }

/* añade tu propio */

.plan_na_jizn li::before { content: "\2765"; }

Este «\2765» css es el cóвigo del corazón al revés. Está escrito en su página, en la «Información Técnica». Ahora lo tenemos en lugar de puntos.

  • Primero, no te rindas y no cedas.
  • Segundo, ama a todos y sonríe.
  • En tercer lugar, encuentra y vuelve a perder.
  • Finalmente, ríndete y cede.

La fiesta no se acaba con esta colección. Echa un vistazo a otras colecciones. Unicode ofrece una gran variedad de símbolos que pueden cumplir el mismo propósito.

¡Copiado!