CSS中如何实现字体加粗
生活随笔
收集整理的這篇文章主要介紹了
CSS中如何实现字体加粗
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
今天就跟大家聊聊有關CSS中如何實現字體加粗,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結了以下內容,希望大家根據這篇文章可以有所收獲。
字體加粗
font-weight 屬性設置文本的粗細。
使用 bold 關鍵字可以將文本設置為粗體。
關鍵字 100 ~ 900 為字體指定了 9 級加粗度。如果一個字體內置了這些加粗級別,那么這些數字就直接映射到預定義的級別,100 對應最細的字體變形,900 對應最粗的字體變形。數字 400 等價于 normal,而 700 等價于 bold。
如果將元素的加粗設置為 bolder,瀏覽器會設置比所繼承值更粗的一個字體加粗。與此相反,關鍵詞 lighter 會導致瀏覽器將加粗度下移而不是上移。
實例
<html><head><styletype="text/css">p.normal{font-weight:normal}p.thick{font-weight:bold}p.thicker{font-weight:900}</style></head><body><pclass="normal">Thisisaparagraph</p><pclass="thick">Thisisaparagraph</p><pclass="thicker">Thisisaparagraph</p></body></html>
總結
以上是生活随笔為你收集整理的CSS中如何实现字体加粗的全部內容,希望文章能夠幫你解決所遇到的問題。