所属分类：web前端开发
在css中，可以使用“font-weight”属性设置粗体，只需要给元素设置“font-weight:bold|700”样式即可。font-weight属性设置文本的粗细，数字值700等价于bold，当值为bold时，表示定义粗体字符。
前端（vue）入门到精通课程：进入学习
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API调试工具：点击使用
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
新建一个HTML页面，并添加HTML结构，然后在body区域添加字体，注意放在一个div里面。
微博登录
QQ登录<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.zzsucai.com/202210/14/1618889023380694.png "1618889023380694.png")
最后当font-weight被设置为900的时候是最粗的
推荐学习：css视频教程
以上就是css如何设置粗体的详细内容，更多请关注zzsucai.com其它相关文章！
