css如何让字体变细

这篇文章将为大家详细讲解有关css如何让字体变细,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

站在用户的角度思考问题,与客户深入沟通,找到抚远网站设计与抚远网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:成都做网站、成都网站建设、企业官网、英文网站、手机端网站、网站推广、国际域名空间、雅安服务器托管、企业邮箱。业务覆盖抚远地区。

css让字体变细的方法:可以利用font-weight属性来实现,如【font-weight: lighter;】。font-weight属性是用来设置字体的粗细效果的,属性值lighter表示更细的字符。

详细介绍:

在CSS中,可以通过font-weight属性来设置字体的粗细。

属性值:

  • normal    默认值。定义标准的字符。

  • bold    定义粗体字符。

  • bolder    定义更粗的字符。

  • lighter    定义更细的字符。

html示例:




    
    Document
    
.lighter {
font-weight: lighter;
}
.normal {
font-weight: normal;
}
.bold {
font-weight: bold;
}
.bolder {
font-weight: bolder;
}
   
 
  
字体粗细:lighter

字体粗细:normal

字体粗细:bold

字体粗细:bolder

  

运行结果:

css如何让字体变细

关于“css如何让字体变细”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。


网站栏目:css如何让字体变细
网址分享:http://scyanting.com/article/jsccie.html