Truco para analizar los márgenes de capas en CSS

Con este sencillo truco podrás analizar los márgenes de todas las capas definidas en tu CSS mostrando un borde coloreado en cada una de estas, esta técnica puede ser de gran ayuda para encontrar esos problemas que nos vuelven locos causados por márgenes mal definidos. Para usarlo copia el código tal y como está en cualquier parte del fichero CSS.

* {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}

Margenes en CSS

Comparte este Artículo 2 Comentarios

27/Nov/2007 Trackback Programación

Bordes redondeados en CSS para Firefox y Safari

Bordes CSS para Firefox Hasta que llegue el estándar CSS 3 los usuarios de Firefox y Safari tenemos una sencilla alternativa para crear bordes redondeados sin necesidad de usar gráficos. Para los que sepáis ya algo de CSS 3 sabréis que los bordes redondeados se implementarán a través del elemento Border-Radius. Firefox y Safari usan su propia implementación a través de los prefijos moz y webkit, así que lo único que tenemos que hacer es declararlos en nuestro fichero CSS y listo. Esta es la lista con las sintaxis a seguir para realizar la implementación: