Bagaimana untuk membuat font tebal dalam css

下次还敢
Lepaskan: 2024-04-25 19:00:24
asal
706 orang telah melayarinya

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 atributfont-weight.font-weight属性。

HTML 代码

这是普通文本

这是加粗文本

Salin selepas log masuk

CSS 代码

p { font-weight: normal; } strong { font-weight: bold; }
Salin selepas log masuk

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

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

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

示例

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

p { font-weight: 600; }
Salin selepas log masuk

浏览器支持

font-weight

Kod HTMLrrreeeKod CSSrrreeeDalam contoh ini, normalialah berat lalai fon dan boldialah berat tebal. Selain daripada normaldan bold, atribut font-weightjuga 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)
ContohUntuk 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!

Label berkaitan:
css
sumber:php.cn
Kenyataan Laman Web ini
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
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!