Crear una tabla de estilos en CSS es un proceso bastante sencillo. Aquí hay un ejemplo de cómo se puede hacer:
HTML:
```html
| Nombre | Edad | Ciudad |
|---|---|---|
| Juan | 30 | Mexico |
| Maria | 25 | Lima |
CSS:
```css
/* Esto afectaría todas las tablas en tu sitio web */
table {
width: 100%;
border-collapse: collapse;
}
/* Esto sólo afecta a las tablas con la clase ‘myTable’ */
.myTable {
border: 1px solid black;
text-align: center;
padding: 15px;
}
.myTable th {
background-color: #f2f2f2;
color: black;
}
.myTable tr:hover {background-color: #f5f5f5;}
```
En este ejemplo, la tabla en su totalidad tiene un borde de 1px que es sólido y negro, un alineamiento de texto central y un padding de 15px. Los encabezados de la tabla tienen un fondo de color gris claro y el texto es negro. Además, hay un efecto hover en las filas de la tabla que cambia el color de fondo de la fila cuando se pasa el cursor sobre ella.
