首页 >web前端 >html教程 > 正文

html如何设置首行缩进

原创2021-06-09 17:44:340625

在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中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:html 首行缩进
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息

    醉折花枝作酒筹

    飞花飘絮,霓裳翩翩舞,几多情愫心飞扬。

    最近文章
    PHP中mysqli的基本操作有哪些961
    等了那么久的PHP代码拯救者Deliverer,来咯!395
    PHP调用其他文件中函数的方法是什么548
    推荐视频教程
  • HTML/CSS技术小知识每日分享HTML/CSS技术小知识每日分享
  • HTML每日小知识(第二季)HTML每日小知识(第二季)
  • HTML5 极速入门HTML5 极速入门
  • 新独孤九贱之:HTML5极速入坑新独孤九贱之:HTML5极速入坑
  • 视频教程分类