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

    html如何设置首行缩进

    醉折花枝作酒筹醉折花枝作酒筹2021-06-09 17:44:34原创92

    在HTML中,可以使用text-indent属性设置首行缩进,只需要给文本元素设置“text-indent:缩进值”即可。text-indent属性规定文本块中首行文本的缩进;允许使用负值,如果使用负值,那么首行会被缩进到左边。

    本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

    <html xmlns="http://www.w3.org/1999/xhtml">
      <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>缩进2字符</title>
        <style type="text/css">
          .p {
            text-indent: 2em;
          }
        </style>
      </head>
      <body>
        <p class="p">
          善良是你的本性,漂亮是你的天性,聪明是你的优点,贤惠是你的资本,温柔是你的标志,真诚是你的品格,妇女节,提前祝你开心幸福,年轻美丽一辈子!
        </p>
    
        <p>
          温暖三月,春回大地,阳光明媚,绿草青青,整理好思绪,收拾好心情,感受美好生活,品味妇女节精彩,女人就是要对自己好点,节日快乐,祝你永远年轻!
        </p>
      </body>
    </html>

    效果:

    WZDZKS3OYO}0]B(Y3_)Q3LG.png

    text-indent 属性规定文本块中首行文本的缩进。

    注释:允许使用负值。如果使用负值,那么首行会被缩进到左边。

    注意:在 CSS 2.1 之前,text-indent 总是继承计算值,而不是声明值。

    )~G()6E9JOB17}X(@QS5[MS.png

    推荐学习:html视频教程

    以上就是html如何设置首行缩进的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:html 首行缩进
    上一篇:HTML中怎么去除列表项符号 下一篇:html中浮动是什么
    第16期线上培训班

    相关文章推荐

    • html如何设置标题• html如何实现audio停止• HTTP和HTML分别指什么• html中设置字体的属性有哪些• HTML中怎么去除列表项符号

    全部评论我要评论

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

    PHP中文网