在css中，可以使用“font-weight”属性设置粗体，只需要给元素设置“font-weight:bold|700”样式即可。font-weight属性设置文本的粗细，数字值700等价于bold，当值为bold时，表示定义粗体字符。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
新建一个HTML页面，并添加HTML结构，然后在body区域添加字体，注意放在一个div里面。
<body> <div>枯藤老树昏鸦</div> </body>
接下来就可以在CSS中用font-weight进行加粗设置了，只需要设置bold就可以了。
<style>
div {
font-weight: bold;
}
</style>运行页面以后就可以看到字体被加粗了
立即学习“前端免费学习笔记（深入）”；
另外font-weight还可以被设置为从100到900的数值，数字越大越粗。
<style>
div {
font-weight: 100;
}
</style>当font-weight被设置为100的时候，字体是最细的
![RM0V_)`$A95E][405Y@G9@H.png](https://img.php.cn/upload/image/271/670/468/1618889023380694.png "1618889023380694.png")
最后当font-weight被设置为900的时候是最粗的
推荐学习：css视频教程
以上就是css如何设置粗体的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
330
收藏
