如何使用css将html标签中的字体加粗呢?


摘要:
下文讲述css中字体加粗的两种方法分享,如下所示:

字体加粗是html中常用的操作,此操作可使页面中的信息变的醒目,那么在Html中如何对字体加粗呢,下文将通过示例的方式讲述其实现方式

实现思路:
    方式1:
      使用font-weight属性对字体进行加粗操作   
   
    方式2:
      使用font-size属性对字体进行加粗操作

例:

 
<meta charset='utf-8' />
<p>
maomao365.com<br />
字体加粗示例分享
</p>
<hr />
<style>
p.normal {font-weight: normal}
p.thick {font-weight: bold;}
p.thicker {font-weight: 900;}

p.fontsize1{font-size:20px;}
</style>
<p class="normal">猫猫教程-normal</p>
<p class="thick">猫猫教程-thick</p>
<p class="thicker">猫猫教程-thicker</p>

<p class="fontsize1">猫猫教程-font-size:20px;</p>
使用css属性将字体加粗的示例分享

使用css属性将字体加粗的示例分享