Portada » CSS Avanzado » CSS Hacks » Página 8

sin miniatura

Aumentar imágenes con CSS

Os mostraremos como aumentar imágenes de  forma sencilla utilizando CSS, más concretamente, por medio la propiedad Overflow. Empezamos:

sin miniatura

Clear float nunca fue tan fácil

Una manera fácil de hacer clear a tus floats en CSS, es esta, incluyes en tu código CSS el estilo del elemento, y le agregas la propiedad overflow: hidden: .containingElement{ overflow: hidden; } [/code] Finalmente, hay que hacer un pequeño hack en Internet Explorer 6 para que lo soporte: * html #container{ height: 1%; } … Lee más!

sin miniatura

Seleccionar con distinto color mediante CSS

¿Alguna vez te has preguntado porqué algunas web tienen el “don” de poder seleccionar el texto de manera distinta, es decir, con otro color? Pues es muy fácil, ¡aquí tienes la solución!

sin miniatura

Letras encima de otras con CSS

Es bonito que varias letras se superpongan encima de otras. Si lo hacemos bien, podremos crear un bonito diseño, que puede ser el logo de nuestro sitio, por ejemplo.

sin miniatura

Bordes redondeados en Webkit mediante CSS

Una forma fácil de crear bordes redondeados en navegadores web que funcionen con el motor WebKit (Como por ejemplo: Safari). Cabe decir Safari con su motor Webkit ha superado el acid test. AVISO: ¡Este truco no funciona con Internet Explorer o Firefox, ya que no funcionan mediante el motor Webkit! Ver ejemplo de su funcionamiento … Lee más!

sin miniatura

Crear letras capitales con CSS

Las letras capitales pueden quedar muy bonitas en nuestros documentos, así que, ¿porqué no aprender a crearlas mediante CSS? Para crearlas, solo debemos incluir este código CSS en nuestro documento: Después, debemos incluir nuestro texto mediante un párrafo, entre las etiquetas tu texto . Automáticamente la primera letra del párrafo aparecerá con un toque elegante. … Lee más!

sin miniatura

Crear Acordeon en CSS

Podemos crear un sencillo acordeón en CSS, que al pasar por encima se muestre, (se despliege), y si quitamos el cursor, vuelva a contraerse. Debemos seguir estos pasos:

Pedro Corchero Murga

¿Qué es CSSBlog ES?

Hola, soy Pedro Corchero Murga. Mi objetivo es ayudarte a aprender sobre CSS, tanto a nivel básico, medio, como avanzado, de forma amena, sencilla y gratuita. Todo ello para ayudarte a empezar a crear tus proyectos o mejorarlos, encontrando la inspiración necesaria.

Puedes contactarme o anunciarte en el blog.

¡Espera! ¡Un regalo por tu visita!

Como muestra de gratitud te enviaremos gratis los últimos freebies, sabios consejos y valiosos cupones de descuento sobre materiales de diseño web a tu correo si te registras abajo.