Aqui você verá artigos sobre CSS
Moderador: web
por web Offline » Sáb Ago 18, 2007 12:07 pm
|
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
- Código: Selecionar todos
<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"> </td>
<td class="linhas"> </td>
<td class="linhas"> </td>
<td class="linhas"> </td>
<td class="linhas" style="border-right:0px"> </td>
</tr>
</table>
PARA TIRAS DUPLAS
- Código: Selecionar todos
<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"> </td>
<td class="linhas"> </td>
<td class="linhas"> </td>
<td class="linhas"> </td>
<td class="linhas" style="border-right:0px"> </td>
</tr>
<tr>
<td class="linhas"> </td>
<td class="linhas"> </td>
<td class="linhas"> </td>
<td class="linhas"> </td>
<td class="linhas" style="border-right:0px"> </td>
</tr>
</table>
Gostou do que encontrou? Divulgue, indique, participe, agradeça pelas respostas.
Faço scripts personalizados ou reparos em scripts. Orçamento MSN codigosnaweb1 [@] gmail [.] com
web
ADMIN
Mensagens: 12425
Registrado em: Sáb Jan 20, 2007 6:08 pm
Localização: RJ / RJ / Brasil
|
Voltar para Artigos sobre CSS
Quem está online
Usuários navegando neste fórum: Nenhum usuário registrado e 1 visitante
