Maison > interface Web > tutoriel CSS > le corps du texte

Comment supprimer l'effet gras des polices en CSS

王林
Libérer: 2023-01-06 11:14:56
original
4502 Les gens l'ont consulté

La façon de supprimer l'effet gras des polices en CSS est d'ajouter l'attribut font-weight à la police et de définir la valeur de l'attribut sur normal, comme [p.normal {font-weight:normal;} ], normal définit les caractères standards.

Comment supprimer l'effet gras des polices en CSS

L'environnement d'exploitation de cet article : système Windows 10, CSS 3, ordinateur thinkpad t480.

Si nous voulons supprimer l’effet gras d’un morceau de texte, c’est en fait très simple. Il suffit de définir font-weight: normal Regardons ensemble cette propriété.

L'attribut font-weight définit l'épaisseur du texte.

Valeur de l'attribut :

  • valeur normale par défaut. 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>
Copier après la connexion

L'effet de course est le suivant :

Comment supprimer leffet gras des polices en CSS

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!

É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