揭秘CSS(第 1 版)
3.1.3 字体粗细
阅读(

font-weight属性效果演示

font-weight

属性取值:






HTML代码:

<p>字体粗细: lighter</p>
<p>字体粗细: normal</p>
<p>字体粗细: bold</p>
<p>字体粗细: bolder</p>

CSS代码:

p  {
	font-size: 40px;
}

p: nth-child(1)  {
	font-weight: lighter;
}

p: nth-child(2)  {
	font-weight: normal;
}

p: nth-child(3)  {
	font-weight: bold;
}

p: nth-child(4)  {
	font-weight: bolder;
}

运行效果:

字体粗细: lighter

字体粗细: normal

字体粗细: bold

字体粗细: bolder

← 键盘方向键翻页 →
返回顶部 手机访问 关注微信 返回底部

扫码访问歪脖网

随时随地,想看就看

关注歪脖网微信

分享 web 知识、交流 web 经验