好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

css如何去除字体的加粗效果

css去除字体的 加粗 效果的方法是,给字体添加 font-weight 属性,并且将属性值设置为normal即可,例如【p.normal {font-w ei ght:normal;}】,normal定义标准的字符。

本文操作环境:windows10系统、css 3、 ThinkPad t480 电 脑。

如果我们要去除一段文本的加粗效果,其实很 简单 ,只需要设置font-weight: normal即可,下面我们就来一起看看这个属性。

font-weight 属性设置文本的粗细。

属性值:

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

bold 定义 粗体 字符。

bolder 定义更粗的字符。

lighter 定义更细的字符。

代码示例:

<!DOCTY PE  ht ML >
<html>
<head>
< ;m eta charset="utf-8"> 
<t IT le></title>
<style>
p.normal {font-weight:normal;}
p.light {font-weight:lighter;}
p.thick {font-weight:bold;}
p.thicker {font-weight:900;}
</style>
</head>

<body>
<p class="normal">This is a paragraph.</p>
<p class="light">This is a paragraph.</p>
<p class="thick">This is a paragraph.</p>
<p class="thicker">This is a paragraph.</p>
</body>

</html>

运行效果如下:

学习视频分享:css视频教程

以上就是css如何去除字体的加粗效果的详细内容,更多请关注其它相关 文章 !

总结

以上是 为你收集整理的 css如何去除字体的加粗效果 全部内容,希望文章能够帮你解决 css如何去除字体的加粗效果 所遇到的问题。

如果觉得 网站内容还不错, 推荐好友。

查看更多关于css如何去除字体的加粗效果的详细内容...

  阅读:14次