当前位置:Gxlcms > 前端框架 > html怎么设置字体加粗

html怎么设置字体加粗

时间:2021-07-01 10:21:17 帮助过:57人阅读

html设置字体加粗的方法:首先新建一个HTML页面,并添加HTML结构;然后在body区域添加字体;最后在CSS中用font-weight进行加粗设置即可。

本文操作环境:windows7系统、HTML5&&CSS3版,DELL G3电脑。

首先就是打开Sublime Text编辑器,新建一个HTML页面,并添加HTML结构,如下图所示

15652dc0a134794cc9b66d070786dac.png

然后在body区域添加字体,注意放在一个div里面,如下图所示

d679da4061088968a5cea4e3d16dc5c.png

接下来就可以在CSS中用font-weight进行加粗设置了,只需要设置bold就可以了,如下图所示

1f8389fc62bce2b4298e9332c4dfbfb.png

运行页面以后就可以看到字体被加粗了,如下图所示

33731029f9e0f8890a069346c379010.png

另外font-weight还可以被设置为从100到900的数值,数字越大越粗,如下图所示

0206b721271c49b9603eaacb1404f6d.png

当font-weight被设置为100的时候,字体是最细的,如下图所示

f58e777f57e38cb648ebc47ad2d7de8.png

最后当font-weight被设置为900的时候是最粗的,如下图所示【推荐学习:HTML视频教程】

1bc69c50ebd7b1688bd7ede42d769be.png

以上就是html怎么设置字体加粗的详细内容,更多请关注gxlcms其它相关文章!

人气教程排行