Código de CSS - Listas con imagenes

Pos: 4

Val: 560

Ha mantenido su posición en CSS (en relación al último mes)

Listas con imagenes

CSS

(1)

Actualizado el 9 de Septiembre del 2017 por Xavi (548 códigos) (Publicado el 4 de Marzo del 2012)

32.240 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
(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

32.241 visualizaciones desde el 4 de Marzo del 2012

El archivo arrow.png ha sido descargado de:
https://www.iconfinder.com/icons/186409/arrow_next_right_icon#size=16

<!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)

miguel

10 de Enero del 2018

Gracias por la contribucion

Responder

Comentar la versión: Versión 1

http://lwp-l.com/s2159

Tags:
imagen

Efecto Parallax Reveal con CSS

Cambiar el color de fondo utilizando transition de css3

Código de CSS - Listas con imagenes

Versión 1(1)

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

Comentar la versión: Versión 1

Tienes que ser un usuario registrado para poder insertar imágenes, archivos y/o videos.

Versión 1
(1)