Registro de Domínio

Colocar imagem nos cantos usando CSS

Anúncios:


Aqui temos um exemplo de código css simples que torna possível colocar uma imagem qualquer nos 4 cantos de um site. Veja um exemplo.

#upper_left {
width: 125px; height: 125px;
position: absolute;
top: 0; left: 0;
background-image: url(”images/upper-left.jpg”);
background-repeat: no-repeat;
background-color: red;
}

#upper_right {
width: 125px; height: 125px;
position: absolute;
top: 0;
right: 0%;
background-image: url(”images/upper-right.jpg”);
background-repeat: no-repeat;
background-color: red;
}

#lower_left {
width: 125px; height: 125px;
position: absolute;
bottom: 0%; left: 0;
background-image: url(”images/lower-left.jpg”);
background-repeat: no-repeat;
background-color: red;
}

#lower_right {
width: 125px; height: 125px;
bottom: 0%;
right: 0%;
position: absolute;
background-image: url(”images/lower-right.jpg”);
background-repeat: no-repeat;
background-color: red;
}




Patrocinados:


Receba Dicas por E-mail

    Grupos do Google
    Você pode receber o Dicas Do Dia no seu e-mail e ficar sabendo sempre que novos textos forem publicados. Cadastre-seu e-mail.
    E-mail:
    Visitar este grupo

Nenhum comentário ↓

  • Gostou desta dica? Divulgue para seus amigos. Envie suas sugestões. Nos envie informações para melhorar ou ampliar esta dica. Esperamos sua participação.


Comente este artigo:






Privacy Policy
web stats