Descripción: Aplicar sombras a los contenedores o elementos, dándoles un efecto de profundidad o relieve
<div style="box-shadow: 6px 6px 10px #c2c2c2;">La sombra se mueve 6 píxeles hacia la derecha, 6 píxeles hacia abajo, con un desenfoque (blur radius) de 10 pixeles y un color de sombra negra translúcida</div>
Descripción: Controla la altura de las líneas de texto dentro de un elemento. Es decir, determina cuánto espacio vertical hay entre una línea y la siguiente.
<div style="line-height: 1.4;">Cada línea de texto tendrá una altura igual a 1.4 veces el tamaño de la fuente del elemento. Usar valores entre 1.4 y 1.6 suele dar una lectura más agradable, especialmente en textos largos.</div>
Descripción: Calcule automáticamente el valor del margen izquierdo. Combinada con margin-right: auto centra el texto.
<p style="margin-left: auto; margin-right: auto;">Centra un bloque o una caja</p>
Descripción: Permite redondear las esquinas de un elemento, ya sea una caja, una imagen, un botón, etc.
<div style="border-radius: 3%;">Las esquinas se verán ligeramente redondeadas, lo que suaviza la apariencia de la caja sin que pierda su forma rectangular.</div>
Descripción: Agrega una sombra al texto de un elemento. Es una herramienta poderosa para crear efectos visuales llamativos, mejorar la legibilidad o darle un toque de diseño especial a los textos.
Desplazamientos
1px 2px 4px black
horiz vert Desenfoque Color
<p style="text-shadow: 1px 2px 4px black;">Texto con sombra.</p>