首页前端开发JavaScripthtml设置页面文本首行缩进

html设置页面文本首行缩进

时间2024-01-29 07:37:02发布访客分类JavaScript浏览652
导读:收集整理的这篇文章主要介绍了html设置页面文本首行缩进,觉得挺不错的,现在分享给大家,也给大家做个参考。text-indent属性介绍属性值单位:em,1em 就代表缩进1个字,2em缩进2个字.....。 注意:text-inde...
收集整理的这篇文章主要介绍了html设置页面文本首行缩进,觉得挺不错的,现在分享给大家,也给大家做个参考。

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>
    

结果如图:

更多编程相关内容,请关注编程入门栏目!

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

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

html

若转载请注明出处: html设置页面文本首行缩进
本文地址: https://pptw.com/jishu/590789.html
h5就是html5的简称吗 HTML的

游客 回复需填写必要信息