◀ ▶

B. El modelo de cajas

Margen

Borde

Relleno

contenido

Margen: Es un espacio transparente que separa un elemento de otro.
Borde: Es una línea (que puede ser una figura con adornos) alrededor de un elemento.
Relleno: Es una espacio entre el contenido y el borde. Su color de fondo es el mismo que el color de fondo del contenido.

Ejemplo

<!DOCTYPE html>

<head>

content="width=device-width">

<title>Modelo de cajas</title>

<style>

div {

margin: 1.5rem;

border: thick solid burlywood;

background-color: greenyellow;

}

</style>

</head>

<body>

<div>Contenido</div>

</body>

</html>