Heim > Web-Frontend > CSS-Tutorial > Hauptteil

So machen Sie die Schriftart in CSS fett

下次还敢
Freigeben: 2024-04-25 19:00:24
Original
744 Leute haben es durchsucht

Sie können Schriftarten in CSS über das Attribut „font-weight“ fett formatieren. Der Standardwert ist normal und der Fettwert ist fett. Es unterstützt auch hellere, fettere und 100-900-Werte (400 ist normal).

So machen Sie die Schriftart in CSS fett

Schriftarten in CSS fett formatieren

Fettschrift in CSS ist sehr einfach, Sie können das Attribut font-weight verwenden. font-weight 属性。

HTML 代码

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

CSS 代码

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

strong {
  font-weight: bold;
}</code>
Nach dem Login kopieren

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

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

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

示例

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

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

浏览器支持

font-weight

🎜HTML-Code🎜🎜rrreee🎜🎜CSS-Code🎜🎜rrreee🎜In diesem Beispiel ist normal die Standardstärke für die Schriftart und bold die Fettstärke. 🎜🎜Zusätzlich zu normal und bold unterstützt das Attribut font-weight auch die folgenden Werte: 🎜
  • 🎜lighter 🎜: Leichter als die aktuelle Schriftstärke
  • 🎜fetter🎜: Schwerer als die aktuelle Schriftstärke
  • 🎜100🎜: Die leichteste Schriftstärke
  • 🎜200🎜 - 🎜900🎜: Zwischen leichter und schwerer Schriftstärke (wobei 400 die normale Schriftstärke ist)
🎜🎜Beispiel🎜🎜🎜Um Text fett bis mittelschwer zu machen, können Sie das folgende CSS verwenden: 🎜 rrreee 🎜🎜Browser-Unterstützung🎜🎜🎜 Das Attribut font-weight wird von allen modernen Browsern gut unterstützt. 🎜

Das obige ist der detaillierte Inhalt vonSo machen Sie die Schriftart in CSS fett. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!