El enfoque de este artículo es aprender cómo agregar una imagen como marcador de elemento de lista en una lista usando la propiedad list-style-image en CSS.
Sintaxis:
list-style-image: none | url | initial | inherit;
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<style>
ul {
list-style-image: url(
"https://contribute.geeksforgeeks.org/wp-content/uploads/listitem-1.png");
}
</style>
</head>
<body>
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h2>
How to add an image as the
list-item marker in a list using CSS?
</h2>
<p>Programming Languages</p>
<ul>
<li>c++</li>
<li>Java</li>
<li>PHP</li>
<li>python</li>
</ul>
</body>
</html>
Producción:
Navegadores compatibles:
- Google Chrome
- explorador de Internet
- Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA