Bienvenido a datoweb.com!! En este foro podrás encontrar ayuda sobre diseño y desarrollo web en general. Si quieres formar parte de esta comunidad para pedir ayuda o colaborar ayudando a otros usuarios del foro solo tienes que registrarte desde el siguiente enlace: Registrarse en el Foro

Como crear tablas con css y html

Muy buenas!
Les traigo un nuevo codigo para crear tablas con css. lo pueden usar por ej en un sistema de registros de usuarios o sistema de adminsitracion o lo que se te ocurra
aun no lo ice resposive

Codigo css
table {
    background: #FFFFFF;
    border: solid 1px #DDDDDD;
    margin-bottom: 1.25rem;
    table-layout: auto;
	width:100%
}
table thead {
   background: #F5F5F5;
}
table thead tr th, table thead tr td {
   color: #222222;
    font-size: 0.875rem;
    font-weight: bold;
    padding: 0.5rem 0.625rem 0.625rem;
}
table tr th, table tr td {
    color: #222222;
    font-size: 0.875rem;
    padding: 0.5625rem 0.625rem;
    text-align: left;
}
EJEMPLO
<table>
  <thead>
    <tr>
      <th>#</th>
      <th>Usuario</th>
      <th>Email</th>
      <th>Sexo</th>
	<th>Estado</th>
    	  </tr>
  </thead>
   	<tbody>
    <tr>
      <td>5</td>
		   <td>pablo</td>
		   <td>xxxxx</td>
		   <td>Hombre</td>
		<td><strong>Verificado</strong></td>
		<td></td>
	</tr><tr>
   </tr></tbody>
		 </table>

Espero que sea de utilidad
Editado
9
Puntos
509
Visitas
2
Resp
Por pablo hace 32 meses
Experto

Respuesta #1

wau se ve de lujo
1
Puntos
Por alber hace 32 meses
Administrador

Respuesta #2

buen aporte estaria bien que lo editaras y pusieras un pequeño ejemplo completo con su html para que solo sea copiar o pegar, aun así muy bueno +1
0
Puntos
Por alber hace 32 meses
Administrador

Relaccionados

Para comentar Inicia sesión o Registrate