Maison >interface Web >tutoriel CSS >Comment mettre du texte en gras en CSS
Comment mettre du texte en gras en CSS
- 王林original
- 2021-05-20 13:48:276909parcourir
La façon de mettre le texte en gras en CSS est de définir l'attribut font-weight pour le texte et de définir la valeur de l'attribut sur plus gras, comme [p.thick {font-weight:bolder;}], plus gras signifie un texte plus gras.
L'environnement d'exploitation de cet article : système Windows 10, CSS 3, ordinateur thinkpad t480.
Si nous voulons mettre le texte en gras, nous pouvons utiliser l'attribut font-wegth en CSS pour y parvenir. Apprenons ensemble cet attribut.
L'attribut font-weight définit l'épaisseur du texte.
Valeurs d'attribut communes :
valeur par défaut normale. Définit les caractères standard.
bold Définit les caractères gras.
plus gras Définit des caractères plus gras.
plus clair définit des caractères plus détaillés.
Exemple de code :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
p.normal {font-weight:normal;}
p.light {font-weight:lighter;}
p.thick {font-weight:bold;}
p.thicker {font-weight:900;}
</style>
</head>
<body>
<p class="normal">This is a paragraph.</p>
<p class="light">This is a paragraph.</p>
<p class="thick">This is a paragraph.</p>
<p class="thicker">This is a paragraph.</p>
</body>
</html>Voyons l'effet de course :
Partage de vidéos 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!