html怎麼設定字體加粗

藏色散人
發布: 2023-01-05 16:12:10
原創
28892 人瀏覽過

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板