Dúvidas com CSS

5 de abril de 2010 6 respostas

vcbrito_ 5 de abril de 2010

Pessoal estou tentando criar uma table e colocar as linhas internas dela tracejadas olha o código que estou usando:

<HTML>

<HEAD>

<TITLE> Utilizando CSS </TITLE>

<style  type=“text/css”>

table.tabela tr{color:black}

table.tabela{background-color:gray; border-color:red; border-style:dashed }

</style>

</HEAD>

<BODY>

<table class=“tabela” border=“5” >

<tr>

<td>1-1</td>

<td>2-1</td>

<td>3-1</td>

<td>4-1</td>

</tr>

<tr>

<td>1-2</td>

<td>2-2</td>

<td>3-2</td>

<td>4-2</td>

</tr>

<tr>

<td>1-3</td>

<td>2-3</td>

<td>3-3</td>

<td>4-3</td>

</tr>

<tr>

<td>1-4</td>

<td>2-4</td>

<td>3-4</td>

<td>4-4</td>

</tr>

</table>

</BODY>

</HTML>

mas com esse código só a linha externa está saindo tracejada…Alguém me ajude.

6 Respostas

Zabimaru 5 de abr. de 2010

Olá tente assim:

<HTML> 
<HEAD> 
<TITLE> Utilizando CSS </TITLE> 
<style type="text/css"> 
table.tabela tr{color:black} 
table.tabela{background-color:gray; border-color:red; border-style:dashed }
table.tabela td{border-style:dashed} 
</style> 
</HEAD> 
<BODY> 
<table class="tabela" border="5" > 
<tr> 
<td>1-1</td> 
<td>2-1</td> 
<td>3-1</td> 
<td>4-1</td> 
</tr> 
<tr> 
<td>1-2</td> 
<td>2-2</td> 
<td>3-2</td> 
<td>4-2</td> 
</tr> 
<tr> 
<td>1-3</td> 
<td>2-3</td> 
<td>3-3</td> 
<td>4-3</td> 
</tr> 
<tr> 
<td>1-4</td> 
<td>2-4</td> 
<td>3-4</td> 
<td>4-4</td> 
</tr> 
</table> 
</BODY> 
</HTML>

vcbrito_ 5 de abr. de 2010

Zabimaru,
não funcionou desse jeito continuou aparecendo somente o tracejado do lado externo.

Zabimaru 5 de abr. de 2010

Opa cara, erro meu testei só na por… quero dizer no IE… tenta assim

<style type="text/css">   
table.tabela tr{color:black}   
table.tabela{background-color:gray; border-color:red; 

border-style:dashed }   
table.tabela td{border: 1px dashed red;}   
</style>

peczenyj 5 de abr. de 2010

vcbrito_:
Pessoal estou tentando criar uma table e colocar as linhas internas dela tracejadas olha o código que estou usando:

border-style:dashed

é a borda externa da tabela. linhas internas não são regidas por esta propriedade.

vcbrito_ 5 de abr. de 2010

peczenyj,
e qual seria a propriedade correta para linhas internas?

vcbrito_ 5 de abr. de 2010

Consegui fazer do jeito que eu queria!!!
valeu galera

olha ai como ficous

&lt;HTML&gt;
 &lt;HEAD&gt;
  &lt;TITLE&gt; Utilizando CSS &lt;/TITLE&gt;
 &lt;style type="text/css"&gt;     
 table.tabela tr{color:black}     
 table.tabela{background-color:white; border-color:red;border-style: solid }     
 table.tabela td{border: 2px dashed purple;}     
 &lt;/style&gt; 
 &lt;/HEAD&gt;
 &lt;BODY&gt;
  &lt;table class="tabela" &gt;
   &lt;tr&gt;
    &lt;td&gt;1-1&lt;/td&gt;
    &lt;td&gt;2-1&lt;/td&gt;
	&lt;td&gt;3-1&lt;/td&gt;
    &lt;td&gt;4-1&lt;/td&gt;
   &lt;/tr&gt;
   &lt;tr&gt;
    &lt;td&gt;1-2&lt;/td&gt;
    &lt;td&gt;2-2&lt;/td&gt;
    &lt;td&gt;3-2&lt;/td&gt;
    &lt;td&gt;4-2&lt;/td&gt;
   &lt;/tr&gt;
   &lt;tr&gt;
    &lt;td&gt;1-3&lt;/td&gt;
    &lt;td&gt;2-3&lt;/td&gt;
	&lt;td&gt;3-3&lt;/td&gt;
    &lt;td&gt;4-3&lt;/td&gt;
   &lt;/tr&gt;
   &lt;tr&gt;
    &lt;td&gt;1-4&lt;/td&gt;
    &lt;td&gt;2-4&lt;/td&gt;
    &lt;td&gt;3-4&lt;/td&gt;
    &lt;td&gt;4-4&lt;/td&gt;
   &lt;/tr&gt;
  &lt;/table&gt;
 &lt;/BODY&gt;
&lt;/HTML&gt;

Criado 5 de abril de 2010

Ultima resposta 5 de abr. de 2010

Respostas 6

Participantes 3

6 Respostas

Topicos relacionados