• 技术文章 >web前端 >html教程

    html设置页面文本首行缩进

    王林王林2020-02-24 17:51:21转载3870

    text-indent属性介绍

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

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

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

    演示代码:

    <!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设置页面文本首行缩进的详细内容,更多请关注php中文网其它相关文章!

    声明:本文转载于:博客园,如有侵犯,请联系admin@php.cn删除
    专题推荐:html 首行缩进
    上一篇:html如何设置页面文本字体大小 下一篇:html注释的写法
    Web大前端开发直播班

    相关文章推荐

    • html表格合并单元格的方法• html实现网页标题栏添加图标• html引用css文件的方法• html基本语法与语义写法规则详解

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网