首页 > web前端 > 前端问答 > html怎么设置字体加粗

html怎么设置字体加粗

藏色散人
发布: 2023-01-05 16:12:10
原创
28918 人浏览过

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

html怎么设置字体加粗

本文操作环境: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怎么设置字体加粗的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板