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 tbody标签是块级元素吗?Html tbody标签的基础用法

Html网址跳转代码是什么

Html ul标签的什么意思?Html ul标签的作用详解

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

Html 表格太宽溢出父容器的解决方法

Html实现海康摄像头实时监控功能_Html/xHtml_网页制作

Html的cellpadding属性与cellspacing属性应该如何使用

Html5 canvas的基本用法介绍

图文详解Html页面中添加图片的三种方法

Html如何只显示部分td文字

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




打赏

取消

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

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

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

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

评论

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