菜单 学习猿地 - LMONKEY

VIP

开通学习猿地VIP

尊享10项VIP特权 持续新增

知识通关挑战

打卡带练!告别无效练习

接私单赚外块

VIP优先接,累计金额超百万

学习猿地私房课免费学

大厂实战课仅对VIP开放

你的一对一导师

每月可免费咨询大牛30次

领取更多软件工程师实用特权

入驻
15
0

css如何让字体不加粗?

原创
05/13 14:22
阅读数 2150

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

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

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

去掉<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>

效果图:

1.jpg

发表评论

0/200
15 点赞
0 评论
收藏
为你推荐 换一批