Puede pasar el código hexadecimal emoji en tipo de estilo de lista para listas ordenadas y desordenadas para crear puntos de lista personalizados.
Usamos la siguiente sintaxis en el CSS. Debe escribir el código hexadecimal para emojis en su propiedad de tipo de estilo de lista CSS . Puede consultar el artículo de emojis HTML para conocer el código hexadecimal de los emojis.
Sintaxis:
ul,ol{
list-style-type: "\write correct hex code";
}
Después de usar este estilo, nuestra lista no comenzará con números, sino que se reemplazará con emojis.
Nota: debe insertar «\» antes de cada código hexadecimal.
Ejemplo 1:
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, initial-scale=1.0">
<style>
ul{
list-style-type: "\231B";
}
ol
{
list-style-type: "\1F604";
}
</style>
</head>
<body>
<ul>
<li>one</li>
<li>two</li>
<li>three</li>
<li>four</li>
</ul>
<ol>
<li>one</li>
<li>two</li>
<li>three</li>
<li>four</li>
</ol>
</body>
</html>
Producción:
Ejemplo 2:
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, initial-scale=1.0">
<style>
ul
{
list-style-type: "\270D";
}
ol
{
list-style-type: "\2705";
}
</style>
</head>
<body>
<ul>
<li>geeks</li>
<li>for</li>
<li>geeks</li>
</ul>
<ol>
<li>html</li>
<li>css</li>
<li>javascript</li>
</ol>
</body>
</html>
Producción:
