在 CSS 中,我们可以使用 font-weight 属性来控制文本的粗细程度。这个属性可以取值为数值或者关键字。当使用数值时,取值范围为 100 - 900。其中,400 等同于 normal,70
在 CSS 中,我们可以使用 font-weight 属性来控制文本的粗细程度。这个属性可以取值为数值或者关键字。
当使用数值时,取值范围为 100 - 900。其中,400 等同于 normal,700 等同于 bold。因此,如果我们要把文本显示为粗体,可以这样写:
p { font-weight: bold; }
上面的代码会把所有 p 标签中的文本都显示为粗体。
如果我们只想把某一段文本显示为粗体,可以给它添加一个类名,然后在 CSS 中对这个类名设置 font-weight。
<p class="bold-text">这段文本会显示为粗体</p> .bold-text { font-weight: bold; }
除了 bold 关键字外,我们还可以用 b 来表示粗体。两者在效果上是等价的。
p { font-weight: b; }
如果我们希望把文本显示为更细的字体,可以使用轻字体。轻字体的数值通常为 100。
p { font-weight: 100; }
最后,需要注意的是,font-weight 属性只对适用的字体有效。如果当前字体没有提供指定的粗细度,浏览器会选择一个最接近的可用字体。
粉丝
0
关注
0
收藏
0