Ejemplos de CSS

Todos los ejemplos de Virtualnauta

Clasificación de los ejemplos por temas

Fondo

Propiedades	Descripción	Ej
background-color	Aplicar color de fondo a diferentes elementos.
background-image	Utilizar una imagen como fondo.
background-repeat	La imagen de fondo se repite.
background-attachment	Dejar fija la imagen de fondo.
background-position	Ubicar una imagen en un lugar determinado.

Si desea profundizar en el tema del uso del fondo, dirijase a CSS Fondo

Textos

Propiedades	Descripción	Ej
text-indent	Como dejar sangría en un texto.
text-align	Centrar un texto.
text-decoration	Definir un texto tachado o subrayado.
text-transform	Convertir un texto a minúsculas o mayúsculas.
letter-spacing	Controlar el espacio entre letras.
word-spacing	Controlar el espacio entre palabras.
white-space	Definir la ubicación del salto de línea.
color	Colorear el texto a su gusto.
direction	Definir el sentido de la escritura.

Si desea profundizar en el tema de textos, dirijase a CSS Textos

Fuentes

Propiedades	Descripción	Ej
font-family	Definir un tipo de fuente.
font-style	Escribir en itálica.
font-variant	Variar la fuente a mayúsculas más pequeñas.
font-weight	Como darle intensidad a la fuente.
font-size	Definir el tamaño de la fuente.

Si desea profundizar en el tema de fuentes, dirijase a CSS Fuentes

Bordes

Propiedades	Descripción	Ej
border-width	Establecer el ancho del borde del elemento.
border-color	Colorear el borde.
border-style	Uso de bordes ocultos.
	Uso de bordes punteados.
	Uso de bordes a rayas.
	Uso de bordes solidos.
	Uso de bordes dobles.
	Uso de bordes sombreados.
	Uso de bordes en relieve.
	Uso de bordes de inserción.
	Uso de bordes resaltados.

Si desea profundizar en el tema de bordes, dirijase a CSS Bordes

Márgenes

Propiedades	Descripción	Ej
margin	Como dejar un márgen alrededor de un elemento.

Si desea profundizar en el tema de márgenes, dirijase a CSS Márgenes

Relleno - Padding

Propiedades	Descripción	Ej
padding	Como controlar el relleno que hay entre el borde y el contenido.

Si desea profundizar en el tema del relleno, dirijase a CSS Relleno

Listas

Propiedades	Descripción	Ej
list-style-type	Aplicar diferentes marcadores a los Ítems de una lista desordenada.
	Aplicar números decimales y números romanos en listas ordenadas.
	Aplicar letras, números y blancos para listas ordenadas.

Si desea profundizar en el tema de listas, dirijase a CSS Listas

Tablas

Propiedades	Descripción	Ej
table-layout	Como controlar el tamaño de las celdas de una tabla.
border-collapse	Definir un borde separado o un borde de una línea fina en una tabla.

Si desea profundizar en el tema de tablas, dirijase a CSS Tablas

Búsqueda

Otros tutoriales

HTML
Herramientas Utiles

Google

Diseño Web

Intercambio

Banners
Links

Básico

Avanzado

Ejemplos y Examen

Guías de referencia