New course! Every coder should learn Generative AI!
Try a free lesson+ 10
Html List
So my question is How to get list-style-image property's ( url ) how to get the url of any emojis โ
9 Answers
+ 4
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.
+ 9
Thanks a lot
+ 7
Thanks
but can anyone explain me url stuff โ
+ 7
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 โ๐
+ 7
Ok thanks now I got it ๐
+ 7
Thanks bro u gave a lot of information nd study material โฅ๏ธ๐คฉ I'm really thankful to you ๐ฅ
+ 6
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>
+ 4
Hi