Como criar uma tabela apenas com bordas inferiores

  • Autor Autor Alebrije
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
A

Alebrije

Curioso
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
Hola, me podrían ayudar, necesito una tabla que sólo tenga los bordes inferiores
...algo como así:

tabla-con-borde-horizontal.webp
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
Ponle <table border="0"> y en estilos, le pones

Inserir CODE, HTML ou PHP:
table tr{
border-bottom: 1px solid #AAA;
}

Creo que así queda, intenta.
 
Ponle <table border="0"> y en estilos, le pones

Inserir CODE, HTML ou 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
 
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.
 
Como han dicho los compañeros funciona bien 🙂. También puedes hacerlo solamente en CSS:

Inserir CODE, HTML ou PHP:
table {
    border: 0;
}
table th, table tr {
    border: 0;
    border-bottom: 1px solid #000; /* O el color que más rabia te dé */
}
 
Como han dicho los compañeros funciona bien 🙂. También puedes hacerlo solamente en CSS:

Inserir CODE, HTML ou 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".
 
Última edição:
Voltar
Topo