CSS中font-weight属性怎么使用-木庄网络博客

2022-03-01 18:05:54 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者不言，侵删。

使用CSS的font-weight属性可以设置文字的粗细，如果你想让文字更加的突出可以使用CSS的font-weight属性让文字加粗，这样的话就会比较显眼了，所以，接下来的这篇文章我们就来给大家介绍一下CSS中font-weight属性的用法。

font-weight

我们下来准备一个HTML代码

代码如下

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="sample.css">
</head>
<body>
<p class="sample1">加粗ABCabc123</p>
<p class="sample2">加粗ABCabc123</p>
</body>
</html>

然后我们在CSS中应用font-weight属性

font-weight属性的使用方法

我们先来看最基本的属性值normal和bold

1 2	`p.sample1` `{font-weight:normal; }` `p.sample2` `{font-weight:bold; }`

normal是默认值，初始值被设定为这个。设置bold值字体会变粗

在浏览器中显示效果如下

font-weight

下面我们来看看用数字指定文字的粗细

我们先来将上述HTML代码更改一下

阅读剩余部分

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » CSS中font-weight属性怎么使用

CSS中font-weight属性怎么使用

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论