css一排字体加粗几个

admin 轻心小站 关注 LV.19 运营
发表于前端技术学习版块 css,教程

在 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 属性只对适用的字体有效。如果当前字体没有提供指定的粗细度,浏览器会选择一个最接近的可用字体。

文章说明:

本文原创发布于探乎站长论坛,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。

评论列表 评论
发布评论

评论: css一排字体加粗几个

粉丝

0

关注

0

收藏

0

已有0次打赏