首页前端开发JavaScripthtml如何设置首行缩进

html如何设置首行缩进

时间2024-01-29 17:38:03发布访客分类JavaScript浏览1056
导读:收集整理的这篇文章主要介绍了html如何设置首行缩进,觉得挺不错的,现在分享给大家,也给大家做个参考。在HTML中,可以使用text-indent属性设置首行缩进,只需要给文本元素设置“text-indent:缩进值”即可。text-ind...
收集整理的这篇文章主要介绍了html如何设置首行缩进,觉得挺不错的,现在分享给大家,也给大家做个参考。

在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>
    

效果:

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

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

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

推荐学习:html视频教程

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

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

html

若转载请注明出处: html如何设置首行缩进
本文地址: https://pptw.com/jishu/591390.html
html邮件是什么 HTML中怎么去除列表项符号

游客 回复需填写必要信息