Código de CSS - Listas con imagenes

Imágen de perfil
Val: 639
Oro
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Listas con imagenesgráfica de visualizaciones


CSS

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 9 de Septiembre del 2017 por Xavi (Publicado el 4 de Marzo del 2012)
25.155 visualizaciones desde el 4 de Marzo del 2012
Sencillo código que muestra como poner una imagen en una lista de html <ul><li>.
NOTA: Para probarlo, hay que disponer de una imagen denominada "arrow.png" en la misma carpeta que el código html.

listas-con-imagenes

Versión 1
estrellaestrellaestrellaestrellaestrella(1)

Actualizado el 10 de Enero del 2018 (Publicado el 4 de Marzo del 2012)gráfica de visualizaciones de la versión: Versión 1
25.161 visualizaciones desde el 4 de Marzo del 2012
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

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
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
	<style>
	ul{
	    list-style-name: ninguno;
	    padding: 0px;
	    margin: 0px;
	}
	li{
	    background-image: url('arrow.png');
	    background-repeat: no-repeat;
	    background-position: -2px 1px;
	    padding-left: 16px;
	}
	</style>
</head>
 
<body>
<h1>Listas con imagenes</h1>
 
<ul>
    <li>Opción 1</li>
    <li>Opción 2</li>
    <li>Opción 3</li>
    <li>Opción 4</li>
    <li>Opción 5</li>
</ul>
 
</body>
</html>



Comentarios sobre la versión: Versión 1 (1)

Imágen de perfil
10 de Enero del 2018
estrellaestrellaestrellaestrellaestrella
Gracias por la contribucion
Responder

Comentar la versión: Versión 1

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios
Es necesario revisar y aceptar las políticas de privacidad

http://lwp-l.com/s2159