Esta traducción está incompleta. Por favor, ayuda a traducir este artículo del inglés.

Hola y bienvenido a Styling CSS boxes — en el último módulo vimos el contenido dentro de tu caja; en este módulo veremos el estilo de la caja en si misma, manipulando el color e imagenes del fondo, bordes y otras partes de la caja. También veremos otros temas, desde hacer que las tablas HTML se vean bien, hasta  aplicar efectos avanzados como filtros y modos de mezcla.

Prerequisitos

Antes de empezar este módulo, deberías tener familiaridad básica con HTML, como la estudiada en el modulo Introdución a HTML, y conocer loa fundamentos CSS , como los estudiados en Introductción a CSS.

Nota: Si estás trabjanado en un computador/tableta/otro dispositivo en donde no tengas posibilidad de crear tu propio archivo, puede intentar (la mayoría) de ejemplos de códigos en programa de código online como JSBinThimble.

Guias

Este artículo te enseñará todo lo que necesitas para el estilo en interesantes y utiles maneras de las cajas CSS en tus página.

Box model recap
We looked at the basics of the CSS box model in our Introduction to CSS module. This article will provide a recap, and dive into some further details on the subject.
Backgrounds
In CSS you can do a lot to style the background behind your content. We've already looked at some simple uses, such as basic background colors and images; in this article we'll tell the whole story, and look at some advanced features like multiple background images, and color gradients.
Borders
Again, we've already looked at borders a bit — simple uses like setting border colors and styles. Here we'll give you an idea of what else is available, such as rounded corners and border images.
Styling tables
Styling an HTML table isn't the most glamourous job in the world, but sometimes we have to do it. This article provides a guide to making HTML tables look good, with the tools detailed in the previous articles.
Advanced box effects
This article acts as a box of tricks, providing an introduction to some of the advanced features available for styling boxes that don't fit into the other categories above — like box shadows, blend modes and filters.

Assessments

The following assessments will test your understanding of the box styling techniques covered in the guides above.

Creating fancy letterheaded paper
If you want to make the right impression, writing a letter on nice letterheaded paper can be a really good start. In this assessment we'll challenge you to create an online template to achieve such a look.
A cool looking box
Here you'll get some more practice in creating cool-looking boxes, by trying to create an eyecatching box.

See also

Creating fancy boxes
Some more cool box styling ideas.

Etiquetas y colaboradores del documento

 Colaboradores en esta página: jorgeeduardoj, chrisdavidmills
 Última actualización por: jorgeeduardoj,