明輝手游網中心：是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺！

如何用CSS加粗字體

發(fā)表時間：2023-12-26 來源：明輝站整理相關軟件相關文章人氣：

[摘要]今天給大家介紹一下怎樣用CSS加粗字體，我們發(fā)文章的時候，標題和正文的大小以及字體肯定是不同的，那么我們就給大家詳細講解一下，怎樣用CSS來加粗文章的字體，怎么控制文章字體的粗細 。CSS 加粗這里指的是通過DIV CSS控制對象的加粗。使用CSS屬性單詞font-weight對象值：從100到9...
今天給大家介紹一下怎樣用CSS加粗字體，我們發(fā)文章的時候，標題和正文的大小以及字體肯定是不同的，那么我們就給大家詳細講解一下，怎樣用CSS來加粗文章的字體，怎么控制文章字體的粗細 。

CSS 加粗這里指的是通過DIV CSS控制對象的加粗。

使用CSS屬性單詞

font-weight

對象值：從100到900，最常用font-weight的值為bold

font-weight參數：

normal : 正常的字體。相當于number為400。聲明此值將取消之前任何設置

bold : 粗體。相當于number為700。也相當于b對象的作用

bolder : IE5+　特粗體

lighter : IE5+　細體

number : IE5+　100 200 300 400 500 600 700 800 900

詳細基礎加粗知識請進CSS手冊中的font-weight手冊。

Html常規(guī)加粗標簽

以前html直接對對象加粗的標簽如下：

<b></b>或<strong></strong>兩者效果相同。

加粗實例，代碼如下：

 <strong>我被加粗</strong><br />
<b>我也被加粗了</b><br/>
我未被加粗

CSS 加粗基礎技巧實例

CSS 代碼：

 .yangshi1{ font-weight:bold}
.yangshi2{ font-weight:800}

Div html代碼：

 <span class="yangshi1">我被加粗</span><br />
<span class="yangshi2">我也被加粗了</span><br />
我未被加粗

這里通過CSS來控制加粗文字方式來加粗對象。所以一般對文字對象加粗標題加粗即可使用此方法對其加粗。

CSS來控制字體粗細的方法已經告訴大家了，你學會了嗎？

相關閱讀

html中的字體顏色怎么修改

如何解決html5 canvas 繪制字體、圖片與圖形模糊問題

網頁設計中的字體應用

以上就是怎樣用CSS加粗字體的詳細內容，更多請關注php中文網其它相關文章！


網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。