Modèle de boîte - bordure
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érieure, droite, inférieure et gauche. Le code suivant :
div{margin:20px 10px 15px 30px;}peut également être écrit séparément :
div{
margin-top:20px;
margin-right:10px;
margin-bottom:15px;
margin-left:30px;
}Si les bordures supérieure, droite, inférieure et gauche font toutes deux 10px, il peut être écrit comme ceci : <🎜 ; >
div{ margin:10px;}Si les bordures supérieure et inférieure sont identiques à 10 pixels, et que les bordures gauche et droite sont identiques à 20 pixels, vous pouvez l'écrire comme ceci : div{ margin:10px 20px;} Pour résumer : la différence entre le remplissage et la marge, le remplissage est à l'intérieur de la bordure et la marge est à l'extérieur de la bordure. <!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>边距</title>
<style type="text/css">
div{
width:300px;
height:300px;
border:1px solid red;
}
#box1{margin-bottom:30px;}
</style>
</head>
<body>
<div id="box1">box1</div>
<div id="box2">box2</div>
</body>
</html>
nouveau fichier
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>边距</title>
<style type="text/css">
div{
width:300px;
height:300px;
border:1px solid red;
}
#box1{margin-bottom:30px;}
</style>
</head>
<body>
<div id="box1">box1</div>
<div id="box2">box2</div>
</body>
</html>
Aperçu
Clear
- Recommandations de cours
- Téléchargement du didacticiel
Le didacticiel n'est pas disponible au téléchargement pour le moment. Le staff est actuellement en train de l'organiser. Veuillez prêter plus d'attention à ce cours à l'avenir ~
Les étudiants qui ont regardé ce cours apprennent également
Parlons brièvement de la création d'une entreprise en PHP
Introduction rapide au développement web front-end
Développement pratique à grande échelle par Tianlongbabu du cadre MVC version Mini imitant le site Web de l'encyclopédie des choses embarrassantes
Premiers pas avec le développement pratique PHP : création rapide de PHP [Small Business Forum]
Vérification de connexion et forum de discussion classique
Collecte de connaissances sur les réseaux informatiques
Démarrage rapide de la version complète de Node.JS
Le cours front-end qui vous comprend le mieux : HTML5/CSS3/ES6/NPM/Vue/...[Original]
Écrivez votre propre framework PHP MVC (40 chapitres en profondeur/gros détails/à lire absolument pour que les débutants progressent)