html如何给段落加粗


本文摘自PHP中文网,作者青灯夜游,侵删。

在html中给段落加粗的方法:1、使用“<b>”或者“<strong>”标签包裹住段落文字;2、给段落标签(例p)设置“font-weight:bold|bolder;”样式即可,font-weight属性设置文本的粗细。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

html段落加粗

1、使用<b>或者<strong>标签

<b> 标签定义粗体的文本。

<strong> 标签是一个短语标签,用来定义计算机程序的样本重要的文本。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

    </head>

    <body>

        <p>

            <b>段落文字加粗</b>

        </p>

     

        <p>

            <strong>段落文字强调,加粗</strong>

        </p>

    </body>

</html>

效果图:

1.png

【推荐教程:《html视频教程》】

2、使用font-weight属性

font-weight 属性设置文本的粗细。(学习视频分享:css视频教程)

属性值:

  • bold 定义粗体字符。

  • bolder 定义更粗的字符。

示例:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

        <style>

            p.normal {

                font-weight: normal;

            }

             

             

            p.bold {

                font-weight: bold;

            }

             

            p.bolder {

                font-weight: bolder;

            }

        </style>

    </head>

 

    <body>

        <p class="normal">测试文本段落。</p>

        <p class="bold">测试文本段落。</p>

        <p class="bolder">测试文本段落。</p>

    </body>

 

</html>

效果图:

2.png

更多编程相关知识,请访问:编程视频!!

以上就是html如何给段落加粗的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

Html中的段落文本如何换行?一篇文章告诉你换行标签br的用法

如何在Html上插入图片

如何使用css隐藏滚动条?

Html ul标签怎么用

css是什么含义

css规则是什么

css中的空元素有哪些

css怎么设置第一个子元素的高度

css怎么设置a标签颜色

css empty-cells属性怎么用

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




打赏

取消

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

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

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

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

评论

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