Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Bordes de tablas

Estas en el tema de Bordes de tablas en el foro de CSS en Foros del Web. Hola! Tengo la tabla que dejo debajo y necesito dejar sin ningún borde vertical las celdas pero sí las demás SALVO LA CABECERA, que debe ...
  #1 (permalink)  
Antiguo 17/03/2016, 11:08
 
Fecha de Ingreso: diciembre-2014
Ubicación: Madrid
Mensajes: 274
Antigüedad: 10 años
Puntos: 5
Bordes de tablas

Hola!

Tengo la tabla que dejo debajo y necesito dejar sin ningún borde vertical las celdas pero sí las demás SALVO LA CABECERA, que debe quedar como ahora. ¿Cómo lo hago? Gracias!

  #2 (permalink)  
Antiguo 18/03/2016, 02:09
Avatar de juanito1712  
Fecha de Ingreso: mayo-2010
Ubicación: Valencia
Mensajes: 1.124
Antigüedad: 14 años, 7 meses
Puntos: 66
Respuesta: Bordes de tablas

Código:
<table>
<thead><tr><td></td></tr></thead>
<tbody><tr><td></td></tr></tbody>
</table>
con eso quizás?
  #3 (permalink)  
Antiguo 18/03/2016, 07:01
Avatar de xfxstudios  
Fecha de Ingreso: junio-2015
Ubicación: Valencia - Venezuela
Mensajes: 2.448
Antigüedad: 9 años, 6 meses
Puntos: 263
Respuesta: Bordes de tablas

prueba asi:

Código HTML:
Ver original
  1. <table cellspacing="0" border="1">
  2.   <tr>
  3.     <th>TITULO</th>
  4.     <th>TITULO B</th>
  5.   </tr>
  6.   <tr>
  7.     <td id="DatA">DATO</td>
  8.     <td id="DatB">DATO B</td>
  9.   </tr>
  10.   <tr>
  11.     <td id="DatA">DATO</td>
  12.     <td id="DatB">DATO B</td>
  13.   </tr>
  14.   <tr>
  15.     <td id="DatA">DATO</td>
  16.     <td id="DatB">DATO B</td>
  17.   </tr>
  18.   <tr>
  19.     <td id="DatA">DATO</td>
  20.     <td id="DatB">DATO B</td>
  21.   </tr>
  22.   <tr>
  23.     <td id="DatA">DATO</td>
  24.     <td id="DatB">DATO B</td>
  25.   </tr>

Código CSS:
Ver original
  1. body{
  2.     background-color:#D0D0D0;
  3. }
  4. table{
  5.     width:100%;
  6.     background-color:#006BC4;
  7.     color:#fff;
  8.   border-color:#fff;
  9.   border-width:2px;
  10. }
  11. #DatA{
  12. border-right:none !Important;
  13. }
  14. #DatB{
  15. border-left:none !Important;
  16. }


MUESTRA: https://jsfiddle.net/brpb0bpp/
__________________
[email protected]
HITCEL

Etiquetas: bordes, tablas
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:24.