如何在 CSS 中使文本变为粗体

在 CSS 中，我们可以使用 font-weight 属性把文本变成粗体。这个属性接受数字、关键字或相对关键字作为其值。

关键字

使用以下关键字来设置粗体文本：

• bold：将文本设置为粗体。
• bolder：将文本设置为更粗的粗体。
• normal：将文本恢复为正常。
• lighter：将文本变得更轻。

以下是一个示例：

p {
  font-weight: bold;
}

在上面的示例中，我们将所有段落标签中的文本设置为粗体。

数字

font-weight 属性还可以使用数字值设置字重。数字值的范围为 100 至 900，以 100 为单位递增。以下是数字值设置字重的示例：

h1 {
  font-weight: 700;
}

h2 {
  font-weight: 300;
}

在上面的示例中，我们将 <h1> 元素的文本设置为较粗的粗体，而 <h2> 元素的文本设置为较轻的字体。

相对关键字

相对关键字允许你相对于一个特定的字体的粗细来设置字重。例如，在默认字体下，使用 font-weight: lighter 会把文本变得更轻，而使用 font-weight: bolder 会把文本变得更粗。

以下是相对关键字的示例：

h3 {
  font-weight: lighter;
}

h4 {
  font-weight: bolder;
}

在上面的示例中，我们将 <h3> 元素的文本设置为更轻的字体，而 <h4> 元素的文本设置为更粗的字体。

总结一下，要使文本变成粗体，可以使用 font-weight 属性。可以使用关键字、数字或相对关键字来设置字重。使用数字时，范围为 100 至 900，以 100 为单位递增。