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

Obtén la estructura CSS con CSS Frame Generator

CSS Frame Generator es una herramienta online que nos permitirá saber la estructura CSS que debemos darle a nuestro documento HTML. Con solo escribir el código HTML, nos dirá que estructura deberemos darle a CSS. Claro está, el código que te da en CSS es vacío, pero sigue una estructura, por ejemplo: Ver herramienta online: … 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

Guía de soporte CSS en clientes de email

Una lista muy útil que nos dirá que soporte de propiedades CSS tienen los clientes de email al presentar los emails en documento HTML,  para saber que funciona y que no funciona al escribir un mensaje. Podemos diferenciar entre clientes de correo electrónico web, o de escritorio. ver guía de soporte CSS en clientes de … 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:

sin miniatura

Crear mapa de imágenes estilo Flickr con CSS

En unos sencillos pasos podremos crear un mapa de imágenes parecido al que usa Flickr, que nos permitirá “etiquetar” nuestras imágenes al pasar el ratón por encima. Pasos a seguir:

sin miniatura

Guía sobre los comentarios condicionales

Para detectar qué navegador estamos usando, se utilizan los comentarios condicionales. Estos comentarios fueron creados por Microsoft y solo pueden usarse para el navegador creado por Microsoft, Internet Explorer. Se colocan entre las etiquetas y de nuestro documento HTML.

Ver artículos destacados »
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.