HTML+CSS Prise en main facile avec le modèle de limite de la boîte

La distance entre les éléments

et les autres éléments peut être définie à l'aide des marges. Les limites peuvent également être divisées en supérieur, droit, inférieur et gauche

Écrivons un exemple pour expliquer

Nous écrivons d'abord un morceau de code qui n'utilise pas de limites :

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title></title>
  <style type="text/css">
      div{
        width:200px;
        height:200px;
        border:1px solid red;
      }
  </style>
</head>
<body>
    <div id="dv1">php中文网</div>
    <div id="dv2">中华民族伟大复兴</div>
</body>
</html>

Les deux divs sont ensemble. Si je veux que la distance entre les deux divs soit de 30 pixels, comment dois-je écrire le code CSS ?

#dv2{margin-top:30px;}

Lorsque nous ajouterons ce code, il y aura une distance entre les deux divs

Amis , vous pouvez essayer respectivement le côté droit, le côté inférieur et le côté gauche pour voir quel type d'effet

Formation continue

nouveau fichier

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> div{ width:200px; height:200px; border:1px solid red; } </style> </head> <body> <div id="dv1">php中文网</div> <div id="dv2">中华民族伟大复兴</div> </body> </html>

soumettre Réinitialiser le code

Opération automatique