css如何让字体变细

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

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

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

详细介绍：

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

属性值：

normal 默认值。定义标准的字符。
bold 定义粗体字符。
bolder 定义更粗的字符。
lighter 定义更细的字符。

html示例：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
.lighter {
font-weight: lighter;
}
.normal {
font-weight: normal;
}
.bold {
font-weight: bold;
}
.bolder {
font-weight: bolder;
}
   </style>
 </head>
  <body>
<p class="lighter">字体粗细：lighter</p>
<p class="normal">字体粗细：normal</p>
<p class="bold">字体粗细：bold</p>
<p class="bolder">字体粗细：bolder</p>
  </body>
</html>

运行结果：

css如何让字体变细

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

网站栏目：css如何让字体变细
文章URL：https://www.cdcxhl.com/article4/jsccie.html

成都网站建设公司_创新互联，为您提供做网站、网站改版、搜索引擎优化、网站排名、云服务器、动态网站

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容