Colocar imagem nos cantos usando CSS



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


Artigos Relacionados:

Outros artigos que tratam de temas semelhantes:

Busca de Artigos

Faça uma busca e encontre outros artigos sobre o assunto:

CADASTRE SEU E-MAIL

Cadastre-se e receba novos artigos no seu email. Digite seu e-mail no campo abaixo:

E-mail: Delivered by Google FeedBurner

Deixe seus comentários


web stats