您的位置：首页 > Web前端 > HTML

如何将HTML页面中的文本设置首行缩进

2019-11-17 22:24 1056 查看

text-indent属性介绍

属性值单位 描述
em 比如：1em 就代表缩进1个字，2em缩进2个字.....。
  • 由于简单我就不过多的介绍了直接上代码了哦，注意：
    text-indent
    属性的值支持为负数具体园友可以尝试下。

  • 代码块

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

  • 结果图

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航