加入收藏 | 设为首页 | 会员中心 | 我要投稿 聊城站长网 (https://www.0635zz.com/)- 智能语音交互、行业智能、AI应用、云计算、5G!
当前位置: 首页 > 综合聚焦 > 编程要点 > 语言 > 正文

CSS3中如何取消加粗文本,方法是什么?

发布时间:2023-08-18 14:34:23 所属栏目:语言 来源:
导读: 这篇文章给大家分享的是CSS3中怎样取消加粗文本的方法。在CSS3中,font-weight是设置文本粗细的,想要取消文本的加粗效果,那么给设置属性值为normal就可以了,接下来我们来看看具体的实现及代码是怎样的。

  这篇文章给大家分享的是CSS3中怎样取消加粗文本的方法。在CSS3中,font-weight是设置文本粗细的,想要取消文本的加粗效果,那么给设置属性值为normal就可以了,接下来我们来看看具体的实现及代码是怎样的。
 
    本教程操作环境:windows10系统、CSS3&&HTML5版、Dell G3电脑。
 
    在css中,想要取消加粗文本,需要经过font-weight属性来取消加粗文本。
 
    font-weight 属性设置文本的粗细。
 
    该属性用于设置显示元素的文本中所用的字体加粗。数字值 400 相当于 关键字 normal,700 等价于 bold。每个数字值对应的字体加粗必须至少与下一个最小数字一样细,而且至少与下一个最大数字一样粗。
 
    示例如下:
 
<!DOCTYPE html>
 
<html lang="en">
 
<head>
 
  <meta charset="UTF-8">
 
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
 
  <title>Document</title>
 
  <style>
 
  .wenben{
 
    font-weight:normal;
 
  }
 
  </style>
 
</head>
 
<body>
 
  <h1>这是没有取消加粗的文本样式</h1>
 
  <h1 class="wenben">这是一个取消加粗文本样式</h1>
 
</body>
 
</html>
 
 

(编辑:聊城站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章