📜  如何使用 CSS 加粗文本?

📅  最后修改于: 2021-08-31 02:48:46             🧑  作者: Mango

我们知道在 HTML 中,我们有标签来使内容加粗。当谈到使用 CSS 将一段文本加粗时,我们也有一个合适的属性来做同样的事情。

我们将使用 CSS 的 font-weight 属性使内容加粗。我们有多种选项来设置文本的粗细级别。

  • normal :这是正常的字体粗细。它与 400 相同,即粗体的默认数值。
  • 粗体: 是粗体字重。它与 700 相同。
  • 更大胆:它设置 font-weight 比父元素更粗。
  • 打火机:它设置 font-weight 比父元素轻
  • 一个 值,介于 1 和 1000 之间,包括 1 和 1000(以粗体级别递增的顺序)。

当指定更亮或更粗时,下图显示了如何确定元素的绝对字体粗细。

Parent Value lighter bolder
100 100 400
200 100 400
300 100 400
400 100 700
500 100 700
600 400 900
700 400 900
800 700 900
900 700 900

示例 1:以下示例 演示使用 CSS font-weight 属性以粗体表示的简单文本。

HTML


    
        
    
    
        

          Welcome To Geeks for Geeks         

        

          A Computer Science portal for geeks         

    


HTML


    
        

            Thought of the day         

        

          A good programmer is someone who            always look both ways                        before crossing the one way road.                     

    


输出:

示例 2:以下示例演示了使用其他字体粗细属性表示的几个简单文本。

HTML



    
        

            Thought of the day         

        

          A good programmer is someone who            always look both ways                        before crossing the one way road.                     

    

输出:

字体粗细属性