CSS font-weight属性,字体粗细设置

font-weight属性

CSS中的font-weight属性可以设置HTML文档中文本的字体粗细,属性值可以是预定义的名称,也可以是数值类型,具体的可以参考下方的表格。


font-weight属性值

属性值描述
normal默认的值,定义标准字体粗细
bold粗体
bolder比较级,更粗的粗体
lighter更细的字体
100至900定义又细到粗的字体,400相当于normal,700相当于bold
inherit从父元素继承字体的粗细属性

font-weight属性实例代码,及在线编辑器

<p class='fw1'>bold字体</p>
<p class='fw2'>bolder字体</p>
<p class='fw3'>lighter字体</p>
<p class='fw4'>600字体</p>
<p class='fw5'>550字体</p>
<p class='fw6'>normal字体</p>

<style>
  .fw1{font-weight:bold}
  .fw2{font-weight:bolder}
  .fw3{font-weight:lighter}
  .fw4{font-weight:600}
  .fw5{font-weight:550}
  .fw6{font-weight:normal}
</style>

全栈前端 / CSS教程 :



























Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.