📅  最后修改于: 2023-12-03 15:23:46.208000             🧑  作者: Mango
在 CSS 中,我们可以使用 font-weight
属性来控制字体的粗细程度。默认情况下,字体的粗细程度为 normal
,即正常的粗细程度。如果需要让部分文字变粗,可以通过以下方式实现:
在 HTML 中给需要变粗的文字添加一个 span
标签,并设置 font-weight: bold
:
<p>这是一段普通的文字,但是 <span style="font-weight: bold;">这是加粗的文字</span>。</p>
在 CSS 中定义一个类名,控制其 font-weight
属性,然后在 HTML 中给需要变粗的文字添加该类名:
HTML 代码
<p>这是一段普通的文字,但是 <span class="bold">这是加粗的文字</span>。</p>
CSS 代码
.bold {
font-weight: bold;
}
在 CSS 中使用属性选择器,选择属性中包含某个字符串的元素,然后控制其 font-weight
属性:
HTML 代码
<p>这是一段普通的文字,但是 <span class="special">这是特殊的文字</span>。</p>
CSS 代码
span[class*="special"] {
font-weight: bold;
}
其中,[class*="special"]
表示选择包含 class
属性,且属性值中包含 special
字符串的元素。将其 font-weight
属性设置为 bold
,就可以使文字变粗了。
以上三种方法都可以实现部分文字变粗的效果。根据实际情况选择适合自己的方式即可。