css怎么设置字体粗体效果

PHP中文网 JavaScript

本文摘自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如何设置滚动条颜色

css怎么实现溢出隐藏

css怎么实现两端对齐

利用css动画属性rotate来实现镜像翻转

css如何设置字体样式

css实现滚动阴影效果的小技巧（分享）

css border-image-width属性怎么用

用css3实现打点效果实例讲解

css实现文本两端对齐的方法

css td文字不换行如何实现

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




标签：

打赏

取消

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

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

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

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

相关推荐

评论

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