<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Ejemplo de Tabla</title>
<style>
table {
width: 60%;
border-collapse: collapse;
margin: 20px auto;
font-family: Arial, sans-serif;
text-align: center;
}
th, td {
border: 1px solid #333;
padding: 10px;
}
th {
background-color: #f4f4f4;
}
tr:nth-child(even) {
background-color: #f9f9f9;
}
</style>
</head>
<body>
<h2 style="text-align:center;">Tabla de Ejemplo</h2>
<table>
<tr>
<th>Nombre</th>
<th>Edad</th>
<th>Ciudad</th>
</tr>
<tr>
<td>Ana</td>
<td>20</td>
<td>Bogotá</td>
</tr>
<tr>
<td>Carlos</td>
<td>25</td>
<td>Medellín</td>
</tr>
<tr>
<td>Lucía</td>
<td>22</td>
<td>Cali</td>
</tr>
</table>
</body>
</html>
Publicar un comentario