Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk membuat font tebal dalam css

Bagaimana untuk membuat font tebal dalam css

下次还敢
下次还敢asal
2024-04-25 19:00:24748semak imbas

Anda boleh membuat fon tebal dalam CSS melalui atribut font-weight Nilai lalai adalah normal dan nilai bold ia juga menyokong nilai yang lebih ringan, lebih tebal dan 100-900 (400 adalah normal).

Bagaimana untuk membuat font tebal dalam css

Jadikan fon tebal dalam CSS

Fon tebal dalam CSS adalah sangat mudah, anda boleh menggunakan atribut 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

🎜Kod HTML🎜🎜rrreee🎜🎜Kod CSS🎜🎜rrreee🎜Dalam contoh ini, normal ialah berat lalai fon dan bold ialah berat tebal. 🎜🎜Selain daripada normal dan bold, atribut font-weight juga menyokong nilai berikut: 🎜
  • 🎜lighter 🎜: Lebih ringan daripada berat fon semasa
  • 🎜lebih berani🎜: Lebih berat daripada berat fon semasa
  • 🎜100🎜: Berat fon paling ringan
  • 🎜200🎜 - 🎜900🎜: Antara berat fon ringan dan berat (di mana 400 ialah berat biasa)
🎜🎜Contoh🎜🎜🎜Untuk menjadikan teks tebal hingga sederhana, anda boleh menggunakan CSS berikut: 🎜 rrreee 🎜🎜Sokongan penyemak imbas🎜🎜🎜 Atribut berat fon disokong dengan baik oleh semua penyemak imbas moden. 🎜

Atas ialah kandungan terperinci Bagaimana untuk membuat font tebal dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn