Maison > interface Web > tutoriel HTML > Comment définir la marge supérieure en HTML

Comment définir la marge supérieure en HTML

青灯夜游
Libérer: 2021-11-01 17:16:25
original
17241 Les gens l'ont consulté

Comment définir la marge supérieure en HTML : 1. Utilisez l'attribut padding-top pour définir le remplissage supérieur, la syntaxe "padding-top:margin value;" 2. Utilisez l'attribut margin-top pour définir la marge supérieure. , la syntaxe "margin-top:margin value;".

Comment définir la marge supérieure en HTML

L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.

html Définir la marge supérieure

Comment définir la marge supérieure en HTML

Méthode 1 : Définir le remplissage supérieur

Le remplissage fait référence à l'espace entre la bordure de l'élément et le contenu de l'élément. Nous pouvons utiliser l'attribut padding-top pour définir le remplissage supérieur d'un élément.​

Exemple :

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
div{
border: 1px solid red;
}
.box{
padding-top: 20px;
}
</style>
</head>
<body>
<div>测试文本</div>
<div>测试文本</div>
</body>
</html>
Copier après la connexion

Rendu :

Comment définir la marge supérieure en HTML

Méthode 2 : Définir la marge supérieure

La marge fait référence à l'espace autour de l'élément. Nous pouvons utiliser l'attribut margin-top pour définir la marge supérieure d'un élément.

Exemple :

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
div{
border: 1px solid red;
}
.box{
margin-top: 20px;
}
</style>
</head>
<body>
<div>测试文本</div>
<div>测试文本</div>
</body>
</html>
Copier après la connexion

Rendu :

Comment définir la marge supérieure en HTML

Tutoriel recommandé : "Tutoriel vidéo 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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal