[分享]css中 字体的粗细设置

在CSS中，我们可以通过fontweight属性来设置字体的粗细。这个属性有许多可选值，包括normal、bold、bolder、lighter和数字值。以下是详细说明： normal：默认值，表示正...

在CSS中，我们可以通过font-weight属性来设置字体的粗细。这个属性有许多可选值，包括normal、bold、bolder、lighter和数字值。以下是详细说明：
normal：默认值，表示正常的字体粗细。
bold：表示粗体字。
bolder：表示比normal更加粗。
lighter：表示比normal更加细。
数字值：我们可以使用数字值来设置字体的具体粗细程度。通常，数字值的范围从100到900，每个数字代表一种粗细程度。比如，100代表最细的字体，900代表最粗的字体。
在这里，我们可以看到一个示例代码，演示如何通过font-weight属性来设置字体的粗细：

p.normal {
  font-weight: normal;
}
<br>
p.bold {
  font-weight: bold;
}
<br>
p.bolder {
  font-weight: bolder;
}
<br>
p.lighter {
  font-weight: lighter;
}
<br>
p.num {
  font-weight: 900;
} 

在上面的代码中，我们定义了5个不同的样式，分别对应不同的font-weight值。通过这些样式，我们可以在HTML文档中轻松地设置不同粗细的字体，以便满足不同需求。
总之，通过CSS中的font-weight属性，我们可以轻松地控制字体的粗细程度，使网页变得更加美观和易读。