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<nobr>强制不换行标签元素

Html的<video>标签用法

Html单行怎么注释

Html标记中表示段落的标记是什么?

你应该了解的一些Html优化技巧

如何在Html中插入空格

input文本框如何实现添加提示文字,填写内容时消失

Html怎么设置颜色渐变

Html 文字的左右来回移动 <marquee>

Html语言中tr是什么意思

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




打赏

取消

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

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

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

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

评论

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