Comunidad de diseño web y desarrollo en internet online

Conoce la forma de todo tu sitio con CSS

Normalmente suelo usar la propiedad border para ver cómo quedan posicionadas las divs de mis sitios, pero se hace un poco tedioso cuando tienes muchos elementos y los tienes que cambiar uno a uno. Casualmente me encontré este "truco" el otro día (no recuerdo donde), que nos puede hacer esta tarea más fácil.

Para usarlo tan sólo tenéis que añadir esto a vuestro css y cuando hayáis solucionado el posible problema de posicionamiento lo quitáis o lo dejáis como comentario.

(Lo que hace es asignarle un color de borde a cada elemento hasta el nivel 8, pero le podéis añadir más)

Código :

* { outline: 2px dotted red; }
* * { outline: 2px dotted green; }
* * * { outline: 2px dotted orange; }
* * * * { outline: 2px dotted blue; }
* * * * * { outline: 1px solid red; }
* * * * * * { outline: 1px solid green; }
* * * * * * * { outline: 1px solid orange; }
* * * * * * * * { outline: 1px solid blue; }

Espero que os sirva, saludos :wink:

¿Sabes SQL? ¿No-SQL? Aprende MySQL, PostgreSQL, MongoDB, Redis y más con el Curso Profesional de Bases de Datos que empieza el martes, en vivo.

Publica tu comentario

El autor de este artículo ha cerrado los comentarios. Si tienes preguntas o comentarios, puedes hacerlos en el foro

Entra al foro y participa en la discusión

o puedes...

¿Estás registrado en Cristalab y quieres
publicar tu URL y avatar?

¿No estás registrado aún pero quieres hacerlo antes de publicar tu comentario?

Registrate