problema con list-image
Publicado por cesar (23 intervenciones) el 13/09/2019 16:41:26
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-imagen:
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??
uso el list-style-imagen:
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??
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<!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>
Valora esta pregunta
0
