admin

css如何改变字体粗细 css如何改变字体粗细和粗细

admin web技术 2022-10-22 565浏览 0

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

HTML中通过添加标记,或者标记来设置文字的粗细。

CSS可以将文字的粗细进行了细致的划分,而且,还可以将本身是粗体的文字,变为正常的粗细显示。

文字粗细
    
      h1 span {
        font-weight: lighter;
      }
      span {
        font-size: 30px;
      }
      span.one {
        font-weight: 100;
      }
      span.two {
        font-weight: 200;
      }
      span.three {
        font-weight: 300;
      }
      span.four {
        font-weight: 400;
      }
      span.five {
        font-weight: 500;
      }
      span.sex {
        font-weight: 600;
      }
      span.seven {
        font-weight: 700;
      }
      span.eight {
        font-weight: 800;
      }
      span.nine {
        font-weight: 900;
      }
      span.ten {
        font-weight: bold;
      }
      span.eleven {
        font-weight: normal;
      }
    
  

  
    

文字粗体

文字粗细:100 文字粗细:200 文字粗细:300 文字粗细:400 文字粗细:500 文字粗细:600 文字粗细:700 文字粗细:800 文字粗细:900 文字粗细:bold 文字粗细:normal

文字的粗细在CSS中通过属性:font-weight设置,如上代码几乎涵盖了所有的文字粗细值,并且,可以是本身是粗体的字体,变成正常粗体。

继续浏览有关 css教程 的文章
发表评论