介绍
这篇文章主要介绍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粗细属性中不仅仅只有大胆属性值和大胆属性值可以加粗字体,还设置数值来加粗字体,我们来看看效果:
& 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>
效果图:
说明:
粗细属性用于设置显示元素的文本中所用的字体加粗。数字值400相当于关键字正常(标准字体),700等价于大胆(粗体)。每个数字值对应的字体加粗必须至少与下一个最小数字一样细,而且至少与下一个最大数字一样粗。
以上是css如何设置字体加粗样式的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!