Propriedade background das CSS

Observe e estude, em tempo real, os efeitos da aplicação das 8 propriedades para estilização do fundo em um box. Escolha os valores para as propriedades e visualize o resultado no box com bordas tracejadas.

Escolha um valor

background-color

background-image Imagens com 80 x 80px e borda. O logo mede 65 x 65px e o espaço entre borda e logo é transparente.

background-repeat

background-attachment (somente valor scroll padrão)

background-position

background-clip

background-origin

background-size

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi eleifend, purus quis laoreet faucibus, ante augue malesuada mi, id rhoncus augue lorem eget elit. Ut sollicitudin sodales purus. Phasellus libero felis, blandit nec, commodo ut, imperdiet ut, nibh. Suspendisse potenti. Donec ullamcorper cursus dolor. Duis vitae ipsum.

Declarações de estilos escolhidas:

    
div {background-color: ;}
div {background-image: url();}
div {background-repeat: ;}
div {background-attachment: ;}
div {background-position: ;}
div {background-clip: ;}
div {background-origin: ;}
div {background-size: ;}

Declaração abreviada

    
div { 
background: url()  /
      
      
}

CSS - interativo

Maujor

Propriedade background das CSS