CloseTag | الشروحات | CSS | ترتيب الطبقات في لغة CSS | CSS Layers Orders z-index

<!DOCTYPE html>
<html>
<head>
<style>
.pink 
{
  background:pink;
  width:300px;
  height:100px;
  position:absolute;
  top:0px;
  left:150px;
  z-index:3;
}

.blue 
{
  background:blue;
  width:300px;
  height:100px;
  position:absolute;
  top:50px;
  left:100px;
  z-index:2;
}

.orange 
{
  background:orange;
  width:300px;
  height:100px;
  position:absolute;
  top:100px;
  left:50px;
  z-index:1;
}
</style>
</head>
<body>


<div class="pink"></div>
<div class="blue"></div>
<div class="orange"></div>

</body>
</html>