Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17680
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Efeito de corte em figuras

18-08-2007 11:07

Vou mostrar aqui como fazer um efeito de como a figura tivesse sido cortada em tiras.

Usei como teste uma figura de 400x296 que será o fundo de uma tabela.

PARA TIRAS ÚNICAS

<style type="text/css"> .linhas{ border-right:1px solid #ffffff; padding:0px 0px 0px 0px; } </style> <table width="400" height="296" background="figura.jpg" cellpading="0" cellspacing="0"> <tr> <td class="linhas">&nbsp;</td> <td class="linhas">&nbsp;</td> <td class="linhas">&nbsp;</td> <td class="linhas">&nbsp;</td> <td class="linhas" style="border-right:0px">&nbsp;</td> </tr> </table>

PARA TIRAS DUPLAS

<style type="text/css"> .linhas{ border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; padding:0px 0px 0px 0px; } </style> <table width="400" height="296" background="figura.jpg" cellpading="0" cellspacing="0"> <tr> <td class="linhas">&nbsp;</td> <td class="linhas">&nbsp;</td> <td class="linhas">&nbsp;</td> <td class="linhas">&nbsp;</td> <td class="linhas" style="border-right:0px">&nbsp;</td> </tr> <tr> <td class="linhas">&nbsp;</td> <td class="linhas">&nbsp;</td> <td class="linhas">&nbsp;</td> <td class="linhas">&nbsp;</td> <td class="linhas" style="border-right:0px">&nbsp;</td> </tr> </table>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado