本文摘自PHP中文网,作者V,侵删。

text-indent属性介绍
属性值单位:em,1em 就代表缩进1个字,2em缩进2个字.....。
注意:text-indent属性的值支持为负数。
(相关教程推荐:html入门教程)
演示代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | <!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 >
|
结果如图:

更多编程相关内容,请关注php中文网编程入门栏目!
以上就是html设置页面文本首行缩进的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
Html段落的功能
Html option标签怎么添加两个value?option标签的用法解析
Html中滚动条的代码是什么?如何设置Html滚动条?
Html如何隐藏滚动条或去除滚动条
javascript与Html的结合方法详解
Html如何实现文本上下居中
Html中的空格符号是什么
http协议发展过程一览
如何使用Html创建表单的发送
在Html中水平线标注与代码注释应该如何使用
更多相关阅读请进入《Html》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » html设置页面文本首行缩进