欢迎访问 生活随笔!

生活随笔

当前位置: 首页 >

css怎样让字体变细,css怎么把字体变细?

发布时间:2023/12/15 40 豆豆
生活随笔 收集整理的这篇文章主要介绍了 css怎样让字体变细,css怎么把字体变细? 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

css可以使用font-weight属性来设置字体粗细,将font-weight属性值设为normal使字体变为正常粗细,值为lighter将字体设为细体,也可以直接设置数字来改变字体粗细。

CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

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

该属性用于设置显示元素的文本中所用的字体加粗。数字值 400 相当于 关键字 normal,700 等价于 bold。每个数字值对应的字体加粗必须至少与下一个最小数字一样细,而且至少与下一个最大数字一样粗。

Document

.lighter {

font-weight: lighter;

}

.normal {

font-weight: normal;

}

.bold {

font-weight: bold;

}

.bolder {

font-weight: bolder;

}

字体粗细:lighter

字体粗细:normal

字体粗细:bold

字体粗细:bolder

效果如下:

font-weight 属性也可以直接设置数字100-900,定义由粗到细的字符。400 等同于 normal,而 700 等同于 bold。

font-weight 属性可能值:

推荐:css手册

总结

以上是生活随笔为你收集整理的css怎样让字体变细,css怎么把字体变细?的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。