Tabla con bordes adecuados
Publicado por anonymous (8 intervenciones) el 19/04/2017 10:33:59
Buenas, tengo una tabla pero necesito que aparezcan solo ciertos bordes, la línea debajo de la primera fila en horizontal y todas las verticales pero no lo consigo.
la table es
Y el css que funciona
Lo que he probado
la table es
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<table id="tabla">
<thead>
<tr>
<td id="cantidad">Cantidad</td>
<td id="concepto">Concepto</td>
<td id="pvp">PVP/Ud</td>
<td id="importe">Importe</td>
</tr>
</thead>
<tbody>
<tr class="vacio">
<td colspan="1" rowspan="9"> </td>
<td colspan="1" rowspan="8"> </td>
<td colspan="1" rowspan="9"> </td>
<td> </td>
</tr>
<tr class="vacio">
<td></td>
</tr>
<tr>
<td id="gracias">Gracias por su visita</td>
<td class="vacio"></td>
</tr>
</tbody>
</table>
Y el css que funciona
1
2
3
4
5
6
7
8
#tabla {
text-align:center;
margin-right: auto;
empty-cells: show;
width:100%;
//border-collapse: collapse;
//border-spacing: 0;
}Lo que he probado
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
#tabla th,
#tabla td {
border: 1px solid grey;}#tabla th:first-child td { primera fila
border-top: none;
border-bottom:1px solid grey;
}#tabla th:last-child td { ultima fila
border-bottom: none;
}#tabla th:first-child,
#tabla td:first-child { primera columna
border-left: none;
border-bottom:none;
}#tabla th:last-child,
#tabla td:last-child { /ultima columna
border-right: none;
border-top: none;
border-bottom: none;
}Valora esta pregunta
0
