recherche

Maison >interface Web >tutoriel CSS >Créer des calques en utilisant CSS

Créer des calques en utilisant CSS

WBOY
WBOYavant
2023-08-28 13:05:081446parcourir

使用 CSS 创建图层

Pour créer un calque à l'aide de CSS, vous pouvez essayer d'exécuter le code suivant. J'ai utilisé l'attribut z-index

Exemple

<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>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer
Article précédent：Déplacer l'animation vers la gauche avec des images clés en utilisant CSS3Article suivant：Déplacer l'animation vers la gauche avec des images clés en utilisant CSS3

Articles Liés

Voir plus