Ejemplo de Código CSS para Cajas

code

Código CSS

Definición de caja personalizada

.caja {
width: 350px;
height: 150px;
margin: 10px;
padding: 25px;
border: 5px solid black;
background-color: lightgray;
color: white;
}
info

Desglose del tamaño

crop_square

Contenido

350px × 150px

space_bar

Relleno (Padding)

25px por cada lado

border_outer

Borde

5px de grosor

calculate

Tamaño total

Ancho: 410px (350 + 25 + 25 + 5 + 5)

Alto: 210px (150 + 25 + 25 + 5 + 5)