El ajuste de los márgenes en CSS puede ser realizado a través de la propiedad `margin`.
Aquí hay varios métodos para ajustar los márgenes:
1. `Margin`: Esta es la manera más básica de ajustar el margen. Puedes definir el margen para todos los 4 lados con un solo valor.
```css
div {
margin: 10px;
}
```
2. `Margin-Top`, `Margin-Right`, `Margin-Bottom` y `Margin-Left`: Con estas propiedades puedes ajustar el margen para cada lado por separado.
```css
div {
margin-top: 10px;
margin-right: 20px;
margin-bottom: 10px;
margin-left: 20px;
}
```
3. `Margin`: También puedes definir el margen para múltiples lados al mismo tiempo con la propiedad `margin`. Los siguientes ejemplos muestran cómo puedes definir los márgenes para diferentes lados usando diferentes números de valores:
– Cuatro valores: Los valores se aplican a los márgenes en este orden: arriba, derecha, abajo, izquierda. ```css div { margin: 10px 20px 10px 20px; } ``` – Tres valores: Los valores se aplican en este orden: arriba, izquierda y derecha, abajo. ```css div { margin: 10px 20px 10px; } ``` – Dos valores: Los valores se aplican en este orden: arriba y abajo, izquierda y derecha. ```css div { margin: 10px 20px; } ```4. Porcentaje `%` y auto: El margen también puede establecerse en porcentaje `%` respecto al contenedor, y `auto`, que automáticamente establece el margen.
```css
div {
margin: 10%;
}
div {
margin: auto;
}
```
Recuerda que los márgenes pueden ser negativos en CSS. Esto a veces se usa para superponer elementos.
