我是靠谱客的博主 受伤洋葱,最近开发中收集的这篇文章主要介绍css如何设置段落缩进,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

text-indent缩进语法与结构

.divcss5{text-indent:25px}
登录后复制

这里divcss5对象内段落首行开头文字缩进了25像素。

css text-indent文本缩进样式属性单词,text-indent的值跟数字+单位组成缩进样式。

css段落段首文字缩进案例

通常text-indent缩进属性将对段落首行开头文本文字进行缩进显示。如果使用html br换行标签,第二个换行开始也不会出现缩进效果。如果使用了html P段落标签段落换行,将会出现每个p段落换行开头都将缩进,这里我们给大家通过案例演示给大家,希望通过DIVCSS5案例掌握CSS text-indent缩进样式。

CSS代码

.divcss5{
 text-indent:35px
 }
登录后复制

HTML代码片段

<div class="divcss5"> 
    <p>第一段开始缩进效果<br /> 使用br标签的换行将不会缩进 </p> 
    <p>第二段使用p标签段落首行也会缩进<br /> 第二行使用了br不会缩进<br /> 第三行提行使用了br也不会缩进</p>
 </div>
登录后复制

运行结果:

DX1LPI5IARV52UI0Y}VNWFJ.png

推荐学习:css视频教程

以上就是css如何设置段落缩进的详细内容,更多请关注靠谱客其它相关文章!

最后

以上就是受伤洋葱为你收集整理的css如何设置段落缩进的全部内容,希望文章能够帮你解决css如何设置段落缩进所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(148)

评论列表共有 0 条评论

立即
投稿
返回
顶部