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:

22 enero 2009, en CSS Avanzado, CSS Hacks, CSS Medio, por

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!

12 enero 2009, en CSS Avanzado, CSS Hacks, Maquetación en CSS, por

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!

11 enero 2009, en CSS Avanzado, CSS Hacks, CSS Medio, por

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.

, en CSS Avanzado, CSS Hacks, CSS Medio, por

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! .sample { -webkit-border-radius:10px; /* todos … Lee más!

, en CSS Avanzado, CSS Hacks, CSS Medio, por

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: p:first-letter { display:block; float:left; border:1px solid black; padding:5px; margin:4px 5px; background:url(colordelfondodelaletra.png); font-size:73px; } Después, debemos incluir nuestro texto mediante un párrafo, entre las etiquetas tu … Lee más!

, en CSS Hacks, CSS Medio, por

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:

10 enero 2009, en CSS Hacks, CSS Medio, Maquetación en CSS, por

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.
Suscribirse gratis por emailSuscribirse gratis por RSS Suscribirse gratis por Twitter Suscribirse gratis por Facebook

¡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.