Cómo crear una tabla con bordes inferiores solamente

Alebrije · 2 Nov 2014

Hola, me podrían ayudar, necesito una tabla que sólo tenga los bordes inferiores
...algo como así:

kanikase · 2 Nov 2014

Ponle <table border="0"> y en estilos, le pones

Insertar CODE, HTML o PHP:

table tr{
border-bottom: 1px solid #AAA;
}

Creo que así queda, intenta.

zcriptz · 2 Nov 2014

kanikase dijo:
Ponle <table border="0"> y en estilos, le pones

Insertar CODE, HTML o PHP:

table tr{ border-bottom: 1px solid #AAA; }

Creo que así queda, intenta.

La propiedad creo esta demás...

A lo sumo antepondría border:0; border-bottom: 1px solid #AAA

kanikase · 2 Nov 2014

zcriptz dijo:
La propiedad creo esta demás...

A lo sumo antepondría border:0; border-bottom: 1px solid #AAA

Yo siempre lo usé así :drunk: pero aquí tu eres el quemás sabe XD así debe ser.

alearis · 2 Nov 2014

Como han dicho los compañeros funciona bien 🙂. También puedes hacerlo solamente en CSS:

Insertar CODE, HTML o PHP:

table {
    border: 0;
}
table th, table tr {
    border: 0;
    border-bottom: 1px solid #000; /* O el color que más rabia te dé */
}

zcriptz · 2 Nov 2014

alearis dijo:
Como han dicho los compañeros funciona bien 🙂. También puedes hacerlo solamente en CSS:

Insertar CODE, HTML o PHP:

table { border: 0; } table th, table tr { border: 0; border-bottom: 1px solid #000; /* O el color que más rabia te dé */ }

Si, aunque definir que es de "table" creo que es en vano, no hay th, tr o td, fuera de "tables".

Creo que lo que busca el usuario es solo esto:

HTML:

table{ 
	border-spacing: 0;
	border-collapse: collapse;
}
td{
	border:0;
	border-bottom:1px solid black
}

Este eliminará el espacio entre las celdas, si notas que te queda todo muy apretado pon padding:5px (o lo pixeles que quieras) dentro de la llave de "td".

alearis · 2 Nov 2014

zcriptz dijo:
Si, aunque definir que es de "table" creo que es en vano, no hay th, tr o td, fuera de "tables".

Yes 🙂

Quizá faltaría el th.

zcriptz · 2 Nov 2014

alearis dijo:
Yes 🙂

Quizá faltaría el th.

Si cierto, si es que usa.

Cómo crear una tabla con bordes inferiores solamente

Alebrije

kanikase

zcriptz

kanikase

alearis

zcriptz

alearis

zcriptz

Temas similares