Viñeta Punto
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.
Cómo crear tu propio marcador de lista en HTML
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.
