admin

css如何去除字体的加粗效果 如何用css做字体渐显的效果

admin web技术 2022-10-20 573浏览 0

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

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

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

属性值:

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

  • bold 定义粗体字符。

  • bolder 定义更粗的字符。

  • lighter 定义更细的字符。

代码示例:



p.normal {font-weight:normal;}
p.light {font-weight:lighter;}
p.thick {font-weight:bold;}
p.thicker {font-weight:900;}




This is a paragraph.

This is a paragraph.

This is a paragraph.

This is a paragraph.

运行效果如下:

css如何去除字体的加粗效果 如何用css做字体渐显的效果

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