How can I use any picture from my PC as a bullet image in html?

Question

In my html page, is it possible to use any image from my PC as a bullet image? If possible, the how?

Answer 1

Yes, I mean bullet image. How can use it.

Answer 2

Take a look at this lesson.
https://www.sololearn.com/learn/CSS/1107/?ref=app

Answer 3

Something like this ?

<style>
li{

list-style:none;
background-image:url("images.jpg");
background-repeat:no-repeat; background-position:left center; background-size: 15px 15px;
padding: 5px 0px 5px 20px;

}
</style>
<ul>
<li>Item1</li>
<li>Item2</li>
</ul>

More on other ways to do it,

https://stackoverflow.com/questions/7775594/css-list-style-image-size

And about using image from pc, yes you can by adding the absolute path for it or relative path if the image is in same directory but not on sololearn as it has no access to file system on pc.

Answer 4

You mean bullet image for the list items?

Answer 5

li{
list-style : none ;
}
--------
li: before {
content:url("https://youtu.be/YQfPdogSnv4")
}