css如何设置字体加粗样式?

css可以通过font-weight属性来设置字体加粗。font-weight属性可用于设置文本的粗细,一般设置该属性的值为bold或bolder来加粗字体。


css可以通过font-weight属性来设置字体加粗。

font-weight属性是用于设置显示元素的文本中所用的字体加粗的,而设置bold属性值可以定义粗体字符,bolder属性值可以定义更粗的字符,进而实现字体加粗效果。

在css font-weight属性中不仅仅只有bold属性值和bolder属性值可以加粗字体,还设置数值来加粗字体。

数字值 400 相当于 关键字 normal(标准字体),700 等价于 bold(粗体)。每个数字值对应的字体加粗必须至少与下一个最小数字一样细,而且至少与下一个最大数字一样粗。

font-weight属性:

对象值:从100到900,最常用font-weight的值为bold

font-weight参数:

  • normal : 正常的字体。相当于number为400。声明此值将取消之前任何设置

  • bold : 粗体。相当于number为700。也相当于b对象的作用

  • bolder : IE5+ 特粗体

  • lighter : IE5+ 细体

  • number : IE5+ 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900

示例:

 .yangshi1{ font-weight:bold}
 .yangshi2{ font-weight:800}

HTML代码:

<span class="yangshi1">我被加粗</span><br />
<span class="yangshi2">我也被加粗了</span><br />
我未被加粗

效果图:

更多CSS相关知识,可访问 CSS教程 !!

以上就是css如何设置字体加粗样式?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读