css中加粗效果_css中加粗的属性值

CSS中的加粗效果可以通过font-weight属性来实现。font-weight属性用于设置字体的粗细程度，其属性值包括数字和关键字。

我们来看一下关键字的使用。常用的关键字有两个：bold和bolder。其中，bold表示加粗，bolder表示更加加粗。这两个关键字可以直接作为属性值使用。

示例代码如下：

<p style="font-weight: bold;">这是加粗的文本。</p>
<p style="font-weight: bolder;">这是更加加粗的文本。</p>

font-weight属性的属性值还可以是数字。数字的取值范围从100到900，其中100表示最细，900表示最粗。一般情况下，我们使用400表示普通字体，700表示加粗字体。

示例代码如下：

<p style="font-weight: 400;">这是普通字体。</p>
<p style="font-weight: 700;">这是加粗字体。</p>

除了关键字和数字，font-weight属性还可以使用其他的属性值，如lighter。lighter表示比父元素更细的字体。这在设置嵌套元素的字体粗细时非常有用。

示例代码如下：

<div style="font-weight: bold;">
  这是加粗的文本。
  <span style="font-weight: lighter;">这是比父元素更细的字体。</span>
</div>

需要注意的是，font-weight属性的效果取决于字体本身是否支持对应的粗细程度。如果字体不支持某个粗细程度，浏览器会自动选择最接近的粗细程度进行显示。

font-weight属性还可以与其他属性一起使用，如font-size属性、font-family属性等。这样可以进一步调整字体的样式。

CSS中的加粗效果可以通过font-weight属性来实现。我们可以使用关键字和数字作为属性值，也可以结合其他属性一起使用。需要注意字体本身是否支持对应的粗细程度。