我们知道在 HTML 中,我们有和标签来使内容加粗。当谈到使用 CSS 将一段文本加粗时,我们也有一个合适的属性来做同样的事情。
我们将使用 CSS 的 font-weight 属性使内容加粗。我们有多种选项来设置文本的粗细级别。
- normal :这是正常的字体粗细。它与 400 相同,即粗体的默认数值。
- 粗体:它 是粗体字重。它与 700 相同。
- 更大胆:它设置 font-weight 比父元素更粗。
- 打火机:它设置 font-weight 比父元素轻
: 一个值,介于 1 和 1000 之间,包括 1 和 1000(以粗体级别递增的顺序)。
当指定更亮或更粗时,下图显示了如何确定元素的绝对字体粗细。
Parent Value | lighter | bolder |
---|---|---|
100 | 100 | 400 |
200 | 100 | 400 |
300 | 100 | 400 |
400 | 100 | 700 |
500 | 100 | 700 |
600 | 400 | 900 |
700 | 400 | 900 |
800 | 700 | 900 |
900 | 700 | 900 |
示例 1:以下示例 演示使用 CSS font-weight 属性以粗体表示的简单文本。
HTML
Welcome To Geeks for Geeks
A Computer Science portal for geeks
HTML
Thought of the day
A good programmer is someone who
always look both ways
before crossing the one way road.
输出:
示例 2:以下示例演示了使用其他字体粗细属性表示的几个简单文本。
HTML
Thought of the day
A good programmer is someone who
always look both ways
before crossing the one way road.
输出: