Quero criar duas tabelas na mesma página só que uma terá bordas e outra não. Tenho uma já criada no CSS mas agora não consigo criar outra diferente.
<table border="0" width="500px" height="1000px">
<tr >
<td>
<iframe src=".PDF" ></iframe>
</td>
</tr>
<tr>
<td>
<iframe src=".PDF" ></iframe>
</td>
</tr>
</table></center>
Está tabela fica-me igual a outra. Como consigo contornar isto?
CSS tabela 1 (Construída):
table {
width: 100%;
}
table.default {
width: 100%;
}
table.default tbody tr {
border-bottom: solid 1px #e0e0e0;
}
table.default td {
padding: 0.5em 1em 0.5em 1em;
}
table.default th {
font-weight: 600;
padding: 0.5em 1em 0.5em 1em;
text-align: left;
}
table.default thead {
background-color: #555555;
background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
background-image: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
color: #fff;
}
PS: Agora quero criar um CSS novo para a tabela que coloquei em cima
.default
e dois seletoresthead
etbody
que não estão sendo usados natable
. Outro ponto é que no HTML a tabela está com CSS inlinewidth:500px
e no CSS esse valor é alteradowidth:100%
.