En CSS, vous pouvez effacer la balise p elle-même en définissant le style "p {padding:0;margin: 0;-webkit-margin-before: 0;-webkit-margin-after: 0;}" sur p espacement.
L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.
En HTML, chaque balise a un style par défaut. Par exemple, la balise p elle-même a un espacement :
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
p {
border: 1px solid red;
}
</style>
</head>
<body>
<p>hello</p>
<p>hello</p>
</body>
</html>
Alors, comment supprimer l'espacement de la balise p elle-même ?
Nous pouvons utiliser les attributs margin et padding et définir leurs valeursà 0 :
p {
padding:0;
margin: 0;
}De cette façon, l'espacement de la balise p peut être effacé :
Mais dans certains navigateurs, quand même, p a toujours une marge haut et bas, car
ici-webkit-margin-after和 -webkit-margin-before a 1rem, il est donc préférable de les définir tous les deux sur 0
-webkit-margin-before: 0; -webkit-margin-after: 0;
(Partage vidéo d'apprentissage : tutoriel vidéo CSS)
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!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
