怎麼用CSS加粗字體

今天跟大家介紹一下怎樣用CSS加粗字體，我們發文章的時候，標題和正文的大小以及字體肯定是不同的，那麼我們就給大家詳細講解一下，怎樣用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常規加粗標籤

以前html直接對物件加粗的標籤如下：

a4b561c25d9afb9ac8dc4d70affff4190d36329ec37a2cc24d42c7229b69747a或8e99a69fbe029cd4e2b854e244eab1432c56e50b17e5e355312705a6be86163f兩者效果相同。

加粗實例，程式碼如下：

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