Viñeta Punto
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.
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.