首页前端开发CSScss如何设置段落缩进

css如何设置段落缩进

时间2024-01-28 01:57:03发布访客分类CSS浏览522
导读:收集整理的这篇文章主要介绍了css如何设置段落缩进,觉得挺不错的,现在分享给大家,也给大家做个参考。在css中,可以使用“text-indent”属性设置段落缩进,语法“text-indent:数值”;该属性规定文本块中首行文本的缩进,允许...
收集整理的这篇文章主要介绍了css如何设置段落缩进,觉得挺不错的,现在分享给大家,也给大家做个参考。

在css中,可以使用“text-indent”属性设置段落缩进,语法“text-indent:数值”;该属性规定文本块中首行文本的缩进,允许使用负值,如果使用负值,那么首行会被缩进到左边。

本教程操作环境: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>
    

运行结果:

推荐学习:css视频教程

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

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

上一篇: css如何实现不换行下一篇:css如何不显示元素猜你在找的CSS相关文章 css怎么控制按钮不可用2022-05-17css3中transform属性实现的4种功能2022-04-13纯CSS3实现div按照顺序出入效果2022-04-13CSS实现隐藏搜索框功能(动画正反向序列)2022-04-13使用CSS3实现按钮悬停闪烁动态特效代码2022-04-13CSS3 Tab动画实例之背景切换动态效果2022-04-13CSS实现两列布局的N种方法2022-04-13CSS 实现Chrome标签栏的技巧2022-04-13css实现两栏布局左侧固定宽右侧自适应的多种方法2022-04-13从QQtabBar看css命名规范BEM的详细介绍2022-04-13 其他相关热搜词更多phpjavapython程序员

若转载请注明出处: css如何设置段落缩进
本文地址: https://pptw.com/jishu/589009.html
css使字体始终在图片的中间 css三种样式表写法是什么

游客 回复需填写必要信息