Es un espacio transparente que separa un elemento de otro.
Es una línea (que puede ser una figura con adornos) alrededor de un elemento.
Es una espacio entre el contenido y el borde. Su color de fondo es el mismo que el color de fondo del contenido.
| 1 | <!DOCTYPE html> |
| 2 | <html lang="es"> |
| 3 | <head> |
| 4 | <meta charset="UTF-8"> |
| 5 | <meta name="viewport" |
| 6 | content="width=device-width"> |
| 7 | <title>Modelo de cajas</title> |
| 8 | <style> |
| 9 | div { |
| 10 | margin: 1.5rem; |
| 11 | border: thick solid burlywood; |
| 12 | background-color: greenyellow; |
| 13 | } |
| 14 | </style> |
| 15 | </head> |
| 16 | <body> |
| 17 | <div>Contenido</div> |
| 18 | </body> |
| 19 | </html> |