HTML - Bgcolor

  »   HTML  »   HTML Tutorial - Bgcolor, cores de fundo, inserindo imagens ao fundo

O atributo Bgcolor é usado para estabelecer cor de plano de fundo em um parágrafo, tabela ou qualquer outra parte do HTML. É recomendado o uso moderado dessa tag. Tamém é recomendado estabelecer um plano d fundo de cores e estilos de texto ou links, com a ajuda de CSS. Explicaremos em mais detalhes como pode ser feito em um futuro tutorial de CSS.

<"numetag" bgcolor="Value">

Esse é o modlo de como um atributo bgcolor será usado entre tags.

html<body bgcolor="Silver">

HTML - Adicionando cores as tabelas

O exemplo a seguir mostra como colocar uma tabela de várias maneiras usando o atributo 'bgcolor'.

html<table>

	<tr bgcolor="#FFFF00">
		<td>Essa linha é amarela!</td>
	</tr>
	<tr bgcolor="#AAAAAA">
		<td>Essa linha é cinza!</td>
	</tr>
	<tr bgcolor="#FFFF00">
		<td>Essa linha é amarela!</td>
	</tr>
	<tr bgcolor="#AAAAAA">
		<td>Essa linha é cinza!</td>
	</tr>
	<tr bgcolor="#FFFF00">
		<td>Essa linha é amarela!</td>
	</tr>
	<tr bgcolor="#AAAAAA">
		<td>Essa linha é cinza!</td>
	</tr>

</table>

Demo

Essa linha é amarela!
Essa linha é cinza!
Essa linha é amarela!
Essa linha é cinza!
Essa linha é amarela!
Essa linha é cinza!

HTML - Fonte e plano de Fundo juntos

Primeiro colocamos em prática um exemplo de tabela marcando as cores para destacar certos aspectos.

html<table>
	<tr>
		<td bgcolor="#009900"><font color="#FFFF00">Green Bay</font></td>
		<td bgcolor="#000000"><font color="#FFFFFF">27</font></td>
	</tr>
	<tr>
		<td bgcolor="#0000FF"><font color="#DDDDDD">New England</font></td>
		<td bgcolor="#000000"><font color="#FFFFFF">20</font></td>
	</tr>
</table>

Demo

Green Bay27
New England20

Depois teremos um exemplo simples de tabela de fundo cinza em combinação com a tag de fonte:

html<table>
	<tr  bgcolor="#777777">
		<td>
			<font face="Monotype Corsiva, Verdana" size="4" color="#00FF00">A tag desse parágrafo tem um plano de fundo cinza, com fonte verde. Você deve ver a fonte Monotype Corsiva, se você a tiver instalada, ou Verdana como backup. Ambas fontes são largamente aceitas como fonte padrão.</font>
		</td>
	</tr>
</table>

Demo

A tag desse parágrafo tem um plano de fundo cinza, com fonte verde. Você deve ver a fonte Monotype Corsiva, se você a tiver instalada, ou Verdana como backup. Ambas fontes são largamente aceitas como fonte padrão.