css如何设置字体加粗

  • 原创
  • |
  • 浏览：83305
  • |
  • 更新：
  • css如何设置字体加粗1
  • css如何设置字体加粗2
  • css如何设置字体加粗3
  • css如何设置字体加粗4
  • css如何设置字体加粗5
  • css如何设置字体加粗6
  • css如何设置字体加粗7
分步阅读

在编写HTML页面的时候，经常需要用CSS进行页面的美化，那么如何用CSS给字体加粗呢？下面小编给大家分享一下。

方法/步骤

  1. 1

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

    css如何设置字体加粗
  2. 1
    本页面非法爬取自百度经验
  3. 2

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

    css如何设置字体加粗
  4. 3

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

    css如何设置字体加粗
  5. 4

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

    css如何设置字体加粗
  6. 5

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

    css如何设置字体加粗
  7. 6

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

    css如何设置字体加粗
  8. 7

    最后当font-weight被设置为900的时候是最粗的，如下图所示

    css如何设置字体加粗
    END
经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。
作者声明：本篇经验系本人依照真实经历原创，未经许可，谢绝转载。
展开阅读全部