lunes, marzo 27, 2006

La forma más sencilla de hacer bordes redondeados(*)

La forma más sencilla de hacer bordes redondeados(*): Con Spiffy Corners sobran las explicaciones sobre cómo hacer cajas/elementos HTML con los bordes redondeados, de esas tan chulas y tan de moda: basta con dar un nombre a la clase, el color de fondo de la página y el color de fondo de la caja y pulsar el botón «mostrar código» para que genere el código correspondiente:

Sin complicaciones, ni JavaScript y sin necesidad de imágenes. Spiffy Corners utiliza un método similar a la popular técnica descrita en Nifty Corners: rounded corners without images y sus dos versiones posteriores: More Nifty Corners y Nifty Corners Cube. El código generado por Spiffy Corners es un poco más extenso qu el de la técnica Nifty Corners original, aunque a cambio el borde se muestra más suavizado.

* Sin contar la propiedad experimental border-radius / -moz-border-radius. ;-)