Maison  >  Article  >  interface Web  >  Comment mettre la police en gras en CSS

Comment mettre la police en gras en CSS

下次还敢
下次还敢original
2024-04-25 19:00:24746parcourir

Vous pouvez mettre les polices en gras en CSS via l'attribut font-weight. La valeur par défaut est normale et la valeur en gras est en gras. Elle prend également en charge les valeurs plus claires, plus audacieuses et 100-900 (400 est normal).

Comment mettre la police en gras en CSS

Rendre les polices en gras en CSS

Les polices en gras en CSS sont très simples, vous pouvez utiliser l'attribut font-weight. font-weight 属性。

HTML 代码

<code class="html"><p>这是普通文本</p>
<p><strong>这是加粗文本</strong></p></code>

CSS 代码

<code class="css">p {
  font-weight: normal;
}

strong {
  font-weight: bold;
}</code>

在这个示例中,normal 是字体的默认权重,而 bold 是加粗权重。

除了 normalbold 之外,font-weight 属性还支持以下值:

  • lighter:比当前字体权重更轻
  • bolder:比当前字体权重更重
  • 100:最轻的字体权重
  • 200 - 900:介于轻和重的字体权重之间(其中 400 是正常权重)

示例

要将文本加粗为中等粗细,可以使用以下 CSS:

<code class="css">p {
  font-weight: 600;
}</code>

浏览器支持

font-weight

🎜Code HTML🎜🎜rrreee🎜🎜Code CSS🎜🎜rrreee🎜Dans cet exemple, normal est l'épaisseur par défaut de la police et bold est l'épaisseur du gras. 🎜🎜En plus de normal et bold, l'attribut font-weight prend également en charge les valeurs suivantes : 🎜
  • 🎜lighter 🎜 : Plus léger que l'épaisseur de police actuelle
  • 🎜bolder🎜 : Plus lourd que l'épaisseur de police actuelle
  • 🎜100🎜 : L'épaisseur de police la plus légère
  • 🎜200🎜 - 🎜900🎜 : Entre des épaisseurs de police légères et élevées (où 400 est l'épaisseur normale)
🎜🎜Exemple🎜🎜🎜Pour rendre le texte gras à un poids moyen, vous pouvez utiliser le CSS suivant : 🎜 rrreee 🎜🎜Prise en charge des navigateurs🎜🎜🎜 L'attribut font-weight est bien pris en charge par tous les navigateurs modernes. 🎜

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!

Déclaration:
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