Gradiente em tabela

[Yuri Oliveira 0]

Olá,

 

Gostaria de saber como faço para por um gradiente dentro de um quadrado da minha tabela, eu tentei mas não consegui se puderem me ajudar.

 

segui o codigo:

 

hmtl:

 

<tr>

<td colspan="4" width="614" align="center" class="gradiente">PLANILHA DE NOTAS</td>

 

</tr>

 

 

css:

 

.gradiente{

filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#7dd3fb,endColorStr=#9fdcf9);

}

[André do Vale 76]

background-image:-moz-linear-gradient(50% 0% -90deg,rgb(125,211,251) 0%,rgb(159,220,249) 100%); 
background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(125,211,251)),color-stop(1, rgb(159,220,249)));
background-image:-webkit-linear-gradient(-90deg,rgb(125,211,251) 0%,rgb(159,220,249) 100%);
background-image:-o-linear-gradient(-90deg,rgb(125,211,251) 0%,rgb(159,220,249) 100%);
background-image:-ms-linear-gradient(-90deg,rgb(125,211,251) 0%,rgb(159,220,249) 100%);
background-image:linear-gradient(-90deg,rgb(125,211,251) 0%,rgb(159,220,249) 100%);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff7dd3fb,endColorstr=#ff9fdcf9,GradientType=0)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff7dd3fb,endColorstr=#ff9fdcf9,GradientType=0);

 

Ufa...

[Yuri Oliveira 0]

eu fiz uma imagem para botar, teria como eu por como uma imagem? acho que ficaria melhor rs

 

seu puder da mais uma força.

 

to tentando de uma forma mas nao consigo importar a imagem : /

 

.table {background: #02CBFF url('imagens/fundo2.png') repeat-x;}

[André do Vale 76]

Está certíssimo o uso aplicando a imagem (usando um filete de 1px, eu faço assim). Observe apenas que o caminho da imagem é relativo a localização do CSS. Por isso verifique se o endereço está correto (volte pasta com '../', por exemplo). :thumbsup: