html设置页面文本首行缩进


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

text-indent属性介绍

属性值单位:em,1em 就代表缩进1个字,2em缩进2个字.....。

注意:text-indent属性的值支持为负数。

(相关教程推荐:html入门教程)

演示代码:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

<!DOCTYPE html><html lang="en"><head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>设置首行缩进</title>

    <style>

        p{           

                text-indent: 2em;

        }

      </style>

      </head>

      <body>

    <p>成功不是打败别人,而是改变自己。

        成功不是打败别人,而是改变自己。成功不是打败别人,而是改变自己。

        成功不是打败别人,而是改变自己。成功不是打败别人,而是改变自己。

        成功不是打败别人,而是改变自己。成功不是打败别人,而是改变自己。

        成功不是打败别人,而是改变自己。成功不是打败别人,而是改变自己。

        成功不是打败别人,而是改变自己。成功不是打败别人,而是改变自己。

        成功不是打败别人,而是改变自己。成功不是打败别人,而是改变自己。   

</p>

</body>

</html>

结果如图:

89cb30d104de0c7e51b2fee746fd70e.png

更多编程相关内容,请关注php中文网编程入门栏目!

以上就是html设置页面文本首行缩进的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

Html中文本下面怎么有虚线

Html中序列化标签的简单介绍(代码实例)

可替换元素是什么?(附示例)

Html如何给div加边框

vue框架是什么

Html如何实现字体大小的自适应

Html article标签怎么用

Html点击按钮展开菜单的方法实现

图文详解Html中有序列表、无序列表和自定义列表的区别

Html实现网页动态时钟

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




打赏

取消

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

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

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

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

评论

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