首頁  >  文章  >  web前端  >  html怎麼設定字體加粗

html怎麼設定字體加粗

藏色散人
藏色散人原創
2021-04-28 09:22:5228841瀏覽

html設定字型加粗的方法:先新建一個HTML頁面,並且加入HTML結構;然後在body區域加入字型;最後在CSS中用font-weight進行加粗設定即可。

html怎麼設定字體加粗

本文操作環境:windows7系統、HTML5&&CSS3版,DELL G3電腦。

首先就是開啟Sublime Text編輯器,新建一個HTML頁面,並且新增HTML結構,如下圖

html怎麼設定字體加粗

然後在body區域新增字體,注意放在一個div裡面,如下圖

html怎麼設定字體加粗

接下來就可以在CSS中用font-weight進行加粗設定了,只需要設定bold就可以了,如下圖所示

html怎麼設定字體加粗

運行頁面以後就可以看到字體被加粗了,如下圖所示

html怎麼設定字體加粗

另外font-weight還可以設定為從100到900的數值,數字越大越粗,如下圖

html怎麼設定字體加粗

當font-weight被設定為100的時候,字體是最細的,如下圖

html怎麼設定字體加粗

最後當font-weight被設定為900的時候是最粗的,如下圖【推薦學習:HTML影片教學

html怎麼設定字體加粗

#

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn