sombreado

<< padding box-sizing >>

La propiedad box-shadow aplica una sombra a una caja o contenedor. Puede tener los mismos valores que text-shadow junto con inset que sirve para indicarle que la sombra la queremos interna en lugar de externa que es la que aparece por defecto.

<!DOCTYPE html>
<html lang="en">
     <head>
          <meta charset="UTF-8">
          <meta http-equiv="X-UA-Compatible" content="IE=edge">
          <meta name="viewport" content="width=device-width, initial-scale=1.0">
          <title>Aplicando estilos</title>
          <link rel="stylesheet" href="style.css">
     </head>
     <body>
          <h1>Título de mi web</h1>
          <div>Tengo sombra</div>
     </body>
</html>

<< padding box-sizing >>