Rumah >hujung hadapan web >tutorial css >css如何去除字体的加粗效果
css如何去除字体的加粗效果
- 王林asal
- 2021-05-21 14:45:594527semak imbas
css去除字体的加粗效果的方法是，给字体添加font-weight属性，并且将属性值设置为normal即可，例如【p.normal {font-weight:normal;}】，normal定义标准的字符。
本文操作环境：windows10系统、css 3、thinkpad t480电脑。
如果我们要去除一段文本的加粗效果，其实很简单，只需要设置font-weight: normal即可，下面我们就来一起看看这个属性。
font-weight 属性设置文本的粗细。
属性值：
normal 默认值。定义标准的字符。
bold 定义粗体字符。
bolder 定义更粗的字符。
lighter 定义更细的字符。
代码示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></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视频教程
Atas ialah kandungan terperinci css如何去除字体的加粗效果. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：css该如何去掉背景颜色呢Artikel seterusnya：css中的滑动条怎么隐藏