今天跟大家介紹一下怎樣用CSS加粗字體,我們發文章的時候,標題和正文的大小以及字體肯定是不同的,那麼我們就給大家詳細講解一下,怎樣用CSS來加粗文章的字體,怎麼控製文章字體的粗細。
CSS 加粗這裡指的是透過DIV CSS控制物件的加粗。
使用CSS屬性單字
物件值:從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直接對物件加粗的標籤如下:
或< /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來控製字體粗細的方法已經告訴大家了,你學會了嗎?
相關閱讀
#如何解決html5 canvas 繪製字體、圖片與圖形模糊問題
以上是怎麼用CSS加粗字體的詳細內容。更多資訊請關注PHP中文網其他相關文章!