Diseño de una lista de contenido con CSS

Es un tutorial rápido y muy práctico que he encontrado en CSS: Menu List Design, publicado en WebDesignerWall, se trata de mostrar cómo crear una lista de contenido (típica lista de precios) utilizando el estilo CSS y una imagen (punteado). Para ello nos deja todo lo necesario, los códigos, incluso un esquemas, y por supuesto la clara explicación para conseguir ese tipo de lista, que pudieramos llevar a la práctica en cualquier momento o situación. El truco consiste en aplicar un borde inferior al elemento <li> y, a continuación, utilizar la posición absoluta de la propiedad a cambio de los elementos anidados a cubrir el borde. Es muy flexible, puede cambiar fácilmente la disposición del borde o imagen de fondo. Lo interesante es que también funciona cuando el tamaño del tipo de letra del navegador cambia (en aumento o disminución). Pero mejor es que nos dejemos de hablar y vemos una vista previa del efecto, que puedes ver en la siguiente ilustración, por eso de que "una imagen vale más que mil palabras".

Escrito por Toni

Comparte este artículo:

Estas son las categorías a las que pertenece el artículo Diseño de una lista de contenido con CSS:

Desarrollo web , Listas

Insertar un Comentario

Programas Relacionados

A-PDF Page Turner (Flip PDF)

DBForms Access to PHP/MySQL

Alligator Flash Designer

Google Chrome

HTML Splitter

Comentarios

No hay comentarios en este artículo.