在CSS中,可以使用`font-weight`属性来加粗文本。以下是一些常见的示例:
### 直接在HTML元素中设置样式:
```html
这是一段加粗的文本。
```
### 在CSS样式表中设置样式:
假设你有一个类名为`.bold-text`的CSS样式,你可以这样使用它来加粗文本:
在CSS文件中:
```css
.bold-text {
font-weight: bold;
}
```
然后在HTML文件中使用这个类:
```html
这是一段加粗的文本。
```
### 使用`font-weight`属性的其他值:
除了`bold`,`font-weight`还有其他值如`bolder`,`lighter`,以及数字值(如`100`, `200`, `300`, `400`, `500`, `600`, `700`, `800`, `900`)。其中,数字值允许你进行更精细的控制,但是不是所有字体都支持所有的权重值。一般情况下,大多数浏览器会将数字值简化为常见的粗体或正常字体。例如:
```css
p {
font-weight: 700; /* 这将使得文本更粗于默认字体 */
}
```
请注意,加粗效果取决于你使用的字体是否支持特定的字体粗细。一些字体可能没有加粗版本,或者只提供有限的粗细级别。在这种情况下,浏览器会尝试使用最接近的可用权重。