css中怎麼給字型加粗

下次还敢
發布: 2024-04-25 19:00:24
原創
694 人瀏覽過

CSS 中給字體加粗可以透過font-weight 屬性,預設值normal,加粗值bold,也支援更輕(lighter)、更重(bolder)、100-900 數值(400 為正常)。

css中怎麼給字型加粗

在CSS 中為字體加粗

在CSS 中為字體加粗非常簡單,可以使用font-weight屬性。

HTML 程式碼

这是普通文本

这是加粗文本

登入後複製

CSS 程式碼

p { font-weight: normal; } strong { font-weight: bold; }
登入後複製

在這個範例中,normal是字體的預設權重,而bold是加粗權重。

除了normalbold之外,font-weight屬性還支援下列值:

  • lighter:比目前字體權重更輕
  • bolder:比目前字體權重更重
  • 100:最輕的字體權重
  • 200-900:介於輕與重的字體權重之間(其中400 是正常權重)

#範例

要將文字加粗為中等粗細,可以使用下列CSS:

p { font-weight: 600; }
登入後複製

#瀏覽器支援

font-weight屬性得到所有現代瀏覽器的良好支援。

以上是css中怎麼給字型加粗的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
css
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!