怎麼用CSS加粗字體

php中世界最好的语言
發布: 2017-11-20 14:37:30
原創
2731 人瀏覽過

今天跟大家介紹一下怎樣用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直接對物件加粗的標籤如下:

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

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