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中文網(wǎng)</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