propiedades_parte_2.md

Propiedades - Parte 2

• opacity: establece la transparencia de un elemento

Borde (Border)

• border-width:
• border-style:
• border-color:
• border:

Ver todos

Modificar el fondo de un elemento

Fondo (Background)

• background-color: nos permite especificar el color (igual que vimos antes) de fondo de un elemento.
• background-image: permite especificar una URL de una imagen que queremos que aparezca de fondo (por ej: url('imagen.jpg'))
• background-repeat: por defecto si establecemos una imagen de fondo se repite indefinidamente, pero esto podemos cambiarlo (repeat-x, repeat-y, no-repeat, ...)
• background-position: nos permite cambiar la posición de la imagen de fondo (left, right, center, ...)
• background: es un atajo igual que la propiedad font.

Ver todos

Ejemplos

body{
    background-color: #efefef;
}

h1{
    background: url("fondo-encabezado.jpg") no-repeat center;
}

Modificar una lista

Lista (List)

• list-style-image: permite especificar una imagen para cada que preceda a cada elemento de la lista.
• list-style-type: si no es establece la propiedad list-style-image especficar el formato que precede a un elemento de la lista
• list-style: es un atajo igual que font o background

Ver todos

Ejemplos

li{
    list-style: none;
}

li{
    list-style: square outsite;
}

li{
    list-style-image: url("punto.jpg");
}

li{
    list-style-type: upper-roman;
}