css如何设置粗体

146 阅读 0 评论 97 点赞

我是靠谱客的博主激情苗条，最近开发中收集的这篇文章主要介绍css如何设置粗体，觉得挺不错的，现在分享给大家，希望可以做个参考。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

新建一个HTML页面，并添加HTML结构，然后在body区域添加字体，注意放在一个div里面。

<body>
<div>枯藤老树昏鸦</div>
</body>
登录后复制

接下来就可以在CSS中用font-weight进行加粗设置了，只需要设置bold就可以了。

<style>
div {
    font-weight: bold;
    }
</style>
登录后复制

运行页面以后就可以看到字体被加粗了

%9UOOJXO_P$ISN@I6~B4B$3.png

另外font-weight还可以被设置为从100到900的数值，数字越大越粗。

<style>
div {
    font-weight: 100;
    }
</style>
登录后复制

当font-weight被设置为100的时候，字体是最细的

RM0V_)`$A95E][405Y@G9@H.png

最后当font-weight被设置为900的时候是最粗的

5K45@Z6HM_(Y(YE_N@D``U4.png

推荐学习：css视频教程

以上就是css如何设置粗体的详细内容，更多请关注靠谱客其它相关文章！

以上就是激情苗条为你收集整理的css如何设置粗体的全部内容，希望文章能够帮你解决css如何设置粗体所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。