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怎么改变背景颜色

详细介绍Html5中的新事件

Html怎样在消息按钮上增加数量角标

Html pre标签怎么用

Html的表单组件如何使用

Html中字体如何实现加粗(方法介绍)

Html form标签怎么用

Html网页的主体标签是什么?

Html中表格tr的td单元格怎么设置宽度属性

css需要什么环境

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




打赏

取消

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

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

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

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

评论

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