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设置页面文本首行缩进的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

如何中断foreach循环(详细介绍)

Html中的form标签有什么作用?Html form标签的用法解释

Html label标签怎么用

Html怎么设置文字居中对齐

Html 之 contenteditable 属性

Html 图像标记 meta标签 内联框架 超链接

Html中head头结构应该如何使用

Html怎么引用css

详解angular中为Html元素添加css类的几种方式

Html如何去掉滚动条

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




打赏

取消

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

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

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

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

评论

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