在CSS中,字体加粗属性是font-weight属性;该属性用于设置显示元素的文本中所用的字体加粗。下面本篇文章就来给大家介绍一下CSS font-weight属性,希望对大家有所帮助。
font-weight属性设置文本的粗细。
该属性用于设置显示元素的文本中所用的字体加粗。数字值 400 相当于 关键字 normal,700 等价于 bold。每个数字值对应的字体加粗必须至少与下一个最小数字一样细,而且至少与下一个最大数字一样粗。
属性值:
示例:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>css 字体加粗</title> <style> .a1{ font-weight:bold; } .a2{ font-weight:bolder; } </style> </head> <body> <div> <p>这是一段测试文字<br /> <span class="a1">这里使用bold属性值加粗字体</span><br /> <span class="a2">这里使用bolder属性值加粗字体</span> </p> </div> </body> </html>
效果图: