Código de CSS - Listas con imagenes

Imágen de perfil

Listas con imagenesgráfica de visualizaciones


CSS

Publicado el 04 de Marzo del 2012 por Xavi
9.170 visualizaciones desde el 04 de Marzo del 2012. Una media de 42 por semana
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.

Versión 1

Publicado el 04 de Marzo del 2012gráfica de visualizaciones de la versión: Versión 1
9.171 visualizaciones desde el 04 de Marzo del 2012. Una media de 42 por semana
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
<html>
<head>
<style>
ul{
    list-style-name: ninguno;
    padding: 0px;
    margin: 0px;
}
li{
    background-image: url('arrow.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    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 (0)


No hay comentarios
 

Comentar la versión: Versión 1

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios

http://lwp-l.com/s2159