Html List

Question

So my question is
How to get list-style-image property's ( url )
how to get the url of any emojis ❔

Answer 1

why would you make a url of that?
an emoji is a utf-8 character.

https://www.w3schools.com/html/html_emojis.asp#:~:text=Emojis%20look%20like%20images%2C%20or,and%20symbols%20in%20the%20world.

you can just add them to your html. But they might appear differently on different devices and might not even appear if the device does not have the font support for them.

or maybe you mean a list of links with clickable emojis?

<style>
a{all:unset;}
</style>
<ul style="list-style:none;">
<li><a href="https://www.w3schools.com/html/html_emojis.asp#:~:text=Emojis%20look%20like%20images%2C%20or,and%20symbols%20in%20the%20world.">💐 🌹🥀🌺🌷</a>
</li>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/all">🌸💮🏵️🌼🪷</a>
</li>
</ul>

emojis by themselves have no urls...they're just symbols.

Answer 2

Thanks a lot

Answer 3

Thanks
but can anyone explain me url stuff ❔

Answer 4

Well bro u didn't understand my question
My question was
Like this is the emoji (💐) I want to use this as list
So how to make url of that ❔😕

Answer 5

Ok thanks now I got it 😊

Answer 6

Thanks bro u gave a lot of information nd study material ♥️🤩 I'm really thankful to you 🔥

Answer 7

if you just want to replace the li bullets with emojis, you can do

<style>
.smile{
list-style-type:none;
}
.smile li:before{
content:"😁 ";
}
</style>
<ul class="smile" >
<li>emoji</li>
<li>bullets</li>
</ul>

Answer 8

https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-image

Answer 9

Hi