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;
}

results matching ""

    No results matching ""