problema con list-style-image:
cesar gomez@cesargomez2
Hola Amigos El problema que tengo hoy es con una lista que debe tener como viñetas o numeros una Imagen uso el list-style-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSw9yUOIg48JFcaTTgpeWTitt-G67QePQCu5ZP2zJNwDCMuwZ6CiA); y asi frunciona como sale muy feo se busca mejorarlo con el li::before poniendo la imagen como background pero no funciona no toma los iconos de la imagen como viñetas alguien podra ayudarme?? Les estare bastante agradecido
<!DOCTYPE html> <html> <head>
<style> body{ font-size: 2.5em; padding: 1em; }
ul, ol{ : none; }
li::before{ content: ''; background: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSw9yUOIg48JFcaTTgpeWTitt-G67QePQCu5ZP2zJNwDCMuwZ6CiA); background-size: contain; display: inline-block; width: .8em; heigth: .8em; margin-right: .25em; }
</style> </head> <body> <ul> <li> Item1 </li> <li> Item2 </li> <li> Item3 </li> <li> Item4 </li>
</ul>
<ol> <li> Item1 </li> <li> Item2 </li> <li> Item3 </li>
</ol>
</body> </html>