A propriedade CSS background-image
Com background-image é possível atribuir a qualquer elemento HTML uma imagem que será exibida no fundo, assim como as cores de fundo. A sintaxe é:
background-image: none (valor default)
background-image: url(URL_da_imagem)
Exemplos:
H1 { background-image: url(http://www.xyz.com/abc.jpg) }
B {background-image: url(../monstro.gif) navy
<TD STYLE="background-image: url('/dinheiro.gif')">...</TD>
<html>
<head>
<style type="text/css">
<!--
body { background-image: url('/css.jpg');}
-->
</style>
</head>
<body>
</body>
</html>
<head>
<style type="text/css">
<!--
body { background-image: url('/css.jpg');}
-->
</style>
</head>
<body>
</body>
</html>
Veja como fica:
As URLs são relativas à localização do arquivo que contém a folha de estilos (pode ser a própria página ou não). A cor de backup é usada para 'vazar' pelas partes transparentes da imagem ou prevenir contra o não carregamento do fundo (para permitir a leitura em fundo escuro pode-se usar preto como cor de backup de uma imagem escura).
- Introdução ao CSS
- Propriedades do CSS visibility e z-index
- Propriedades do CSS padding
- A propriedade CSS list style
- A propriedade CSS background-image
| < Anterior | Próximo > |
|---|
