|
CSS
Como fazer um fundo gradiente
Os gradientes são cores que se misturam entre
si para formar um deslocamento gradual da cor. Este
efeito é muito atraente, e usado mais no projeto
gráfico, do que nas páginas da Web. Entretanto,
um estilo simples adicionado ao Tag do corpo da sua
página pode criar um gradiente bem agradável
para dar forma ao fundo da página.
Este estilo pode ser aplicado na sua página
inteira usando dentro do Tag do corpo, ou você
pode escolher adicionar também nas tabelas empregando
o mesmo código nos seus Tags das tabelas.
Considere o seguinte código para o uso em seu
Tag do corpo adicionar um gradiente na página
inteira:
<body style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#ffcc00',
startColorstr='#FFFFFF', gradientType='0');"></body>
Transporte agora isto a uma tabela do HTML (note como
invertemos a ordem da cor para a tabela):
<table style="filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#ffffff',
startColorstr='#ffcc00', gradientType='0');"><tr><td><b>Webnologia</b><br><br></td></tr></table>
Observe que o gradiente funciona de uma cor à
outra, assim você deverá inserir cores
altamente contrastantes nos seus dois valores de entrada
para que exibam completamente o efeito. Note também
o gradienteType, que é
especificado em nosso exemplo como "0". Isto
produz uma mistura vertical. Se nós ajustarmos
este valor a "1" nós obteremos um gradiente
horizontal.
|
Aplicativos
Voltar
Início da página