CSS le brinda la oportunidad de crear capas de varias divisiones. Las capas CSS se refieren a la aplicación de la propiedad de índice z a elementos que se superponen entre sí.
La propiedad de índice z se utiliza junto con la propiedad de posición para crear un efecto de capas. Puede especificar qué elemento debe ir arriba y qué elemento debe ir al final.
Una propiedad de índice Z puede ayudarlo a crear diseños de página web más complejos. A continuación se muestra el ejemplo que muestra cómo crear capas en CSS.
<html>
<head>
</head>
<body>
<div style = "background-color:red;
width:300px;
height:100px;
position:relative;
top:10px;
left:80px;
z-index:2">
</div>
<div style = "background-color:yellow;
width:300px;
height:100px;
position:relative;
top:-60px;
left:35px;
z-index:1;">
</div>
<div style = "background-color:green;
width:300px;
height:100px;
position:relative;
top:-220px;
left:120px;
z-index:3;">
</div>
</body>
</html>
Producirá el siguiente resultado: