css如何设置字体加粗样式

  介绍

这篇文章主要介绍css如何设置字体加粗样式,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

首先我们通过简单的代码示例,为大家详细解说关于<强> css给字体加粗强的实现方法!

& lt; !DOCTYPE html>   & lt; html>   & lt; head>   & lt;元charset=癠TF-8"祝辞   & lt; title> css字体加粗& lt;/title>   & lt; style>   .a1 {   粗细:大胆的;   }   .a2 {   粗细:大胆的;   }   & lt;/style>   & lt;/head>   & lt; body>   & lt; div>   & lt; p>这是一段测试文字& lt; br/比;   & lt;跨类=癮1"在这里使用大胆属性值加粗字体& lt;/span> & lt; br/比;      & lt;跨类=癮2"在这里使用大胆属性值加粗字体& lt;/span>   & lt;/p>   & lt;/div>   & lt;/body>   & lt;/html>

我们来看看效果图:

 css如何设置字体加粗样式

通过示例,可以知道:这里实现字体加粗效果主要用到了css中的粗细:大胆,和粗细:大胆;的样式属性。我们应该知道粗细属性可以设置文本字体的粗,细而设置大胆属性值可以定义粗体字符,大胆属性值可以定义更粗的字符,进而实现字体加粗效果。

在css粗细属性中不仅仅只有大胆属性值和大胆属性值可以加粗字体,还设置数值来加粗字体,我们来看看效果:

& lt; !DOCTYPE html>   & lt; html>   & lt; head>   & lt;元charset=癠TF-8"祝辞   & lt; title> css字体加粗& lt;/title>   & lt; style>   .a1 {   粗细:大胆的;   }   .a2 {   粗细:800;   }   & lt;/style>   & lt;/head>   & lt; body>   & lt; div>   & lt; p>这是一段测试文字& lt; br/祝辞& lt; br/比;   & lt;跨类=癮1"在这里使用大胆属性值加粗字体& lt;/span> & lt; br/祝辞& lt; br/比;      & lt;跨类=癮2"在这里使用数值加粗字体& lt;/span>   & lt;/p>   & lt;/div>   & lt;/body>   & lt;/html>

效果图:

 css如何设置字体加粗样式

说明:

粗细属性用于设置显示元素的文本中所用的字体加粗。数字值400相当于关键字正常(标准字体),700等价于大胆(粗体)。每个数字值对应的字体加粗必须至少与下一个最小数字一样细,而且至少与下一个最大数字一样粗。

以上是css如何设置字体加粗样式的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!

css如何设置字体加粗样式