css如何让字体不加粗?

通常我们布局时候考虑标签作用,有时也考虑搜索引擎优化,对文字字体加上加粗标签(html b加粗或html strong加粗)后,但不需要加粗样式,那么如何去掉?如何让字体不加粗?下面本篇文章就来给大家介绍一下。

在CSS中可以使用font-weight:normal样式来让字体不加粗。

font-weight属性设置文本的粗细,设置值为normal来定义标准的字符。

去掉<b>加粗和<strong>加粗标签样式的方法:

b{font-weight:normal} 
strong{font-weight:normal}

示例:

<DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<style>
			.box b{font-weight:normal} 
            .box strong{font-weight:normal} 
		</style>
			
	</head>

	<body>
		<div>欢迎来到<b>HTML中文网</b>!!网址:<strong>https://www.html.cn/</strong></div><br />
		<div class="box">欢迎来到<b>HTML中文网</b>!!网址:<strong>https://www.html.cn/</strong></div>
	</body>

</html>

效果图:

更多CSS相关知识,可访问 CSS教程 !!

以上就是css如何让字体不加粗?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读