Maison > interface Web > tutoriel CSS > Comment définir l'effet gras de la police en CSS

Comment définir l'effet gras de la police en CSS

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

La façon de définir l'effet gras de la police en CSS consiste à ajouter l'attribut font-weight à la police et à définir la valeur de l'attribut sur gras ou plus gras, comme [font-weight:bolder] ou [font- poids : gras] .

Comment définir l'effet gras de la police en CSS

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

Pour obtenir un effet de police gras, nous pouvons utiliser l'attribut font-weight, qui permet de définir l'épaisseur du texte.

Valeur de l'attribut :

  • normal Valeur 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 :

<html>
<head>
<style type="text/css">
p.normal {font-weight: normal}
p.thick {font-weight: bold}
p.thicker {font-weight: 900}
</style>
</head>

<body>
<p class="normal">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

Effet d'exécution :

Comment définir leffet gras de la police en CSS

Recommandations associées : 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