Imagens de background

É possivel aplicar imagens de background em quase todos os elementos de um documento html. Como exemplo mostram-se algumas aplicações possíveis

Imagens de background em listas

• Adquirir metodologias de trabalho;
• Organização de ideias e trabalhos;
• Planificação e estruturação de projectos;
• Cruzamento de saberes multidisciplinares;
• Aproveitar os conhecimentos adquiridos na construção de projectos multimédia;
• Adquirir sentido crítico;
• Olhar pragmático sobre os projectos;
• Proporcionar um olhar mais profundo sobre as narrativas abstraindo-se das técnicas;
• Poder de síntese e simplificação de problemas complexos.

li {
	list-style: url(../../imagens/arrow2_e.png) none;
}

Imagens de background para links com documentos pdf

Posicionamento com css

a[href$=".pdf"]{
background: url(../../imagens/document.png) no-repeat left top;
padding-left:20px;
padding-top:3px;
}

Imagens de background para links de e-mail

contacto

a[href^="mailto:"]{
background: url(../../imagens/mail.png) no-repeat right top;
padding-right: 20px;
padding-top:6px;
}

Outros exemplos

a[href$=".zip"]{
background: url(../imagens/folder.png) no-repeat left top;
padding-left:20px;
padding-top:3px;
} 
a[href$=".rar"]{
background: url(../imagens/folder.png) no-repeat left top;
padding-left:20px;
padding-top:3px;
}