css怎么设置字体粗体效果


本文摘自PHP中文网,作者V,侵删。

css设置字体粗体效果的方法是,给字体添加font-weight属性,并将属性值设置为bold或bolder,例如【font-weight:bolder】或【font-weight:bold】。

本文操作环境:windows10系统、css 3、thinkpad t480电脑。

要实现字体粗体效果,我们可以利用font-weight 属性来实现,该属性可以设置文本的粗细。

属性值:

  • normal 默认值。定义标准的字符。

  • bold 定义粗体字符。

  • bolder 定义更粗的字符。

  • lighter 定义更细的字符。

举例:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

<html>

<head>

<style type="text/css">

p.normal {font-weight: normal}

p.thick {font-weight: bold}

p.thicker {font-weight: 900}

</style>

</head>

 

<body>

<p class="normal">This is a paragraph</p>

 

<p class="thick">This is a paragraph</p>

 

<p class="thicker">This is a paragraph</p>

</body>

 

</html>

运行效果:

f3402e274b61c96320299e7df0ca8db.png

相关推荐:css视频教程

以上就是css怎么设置字体粗体效果的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

css怎么固定底部不动

html怎么添加css样式?

css框模型概念介绍

css怎么设置字体间隔

css能做什么

html5实践-使用css实现弹性视频的代码分享

css怎么让图片随屏幕变化大小

css实现图片右边有字

css中id选择器的命名规则有哪些

css quotes属性怎么用

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...