我是靠谱客的博主 开放小笼包,最近开发中收集的这篇文章主要介绍html文本首字母缩进,css怎么让首行文字缩进?,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

css怎么让首行文字缩进?下面本篇文章给大家介绍一下使用css让首行文字缩进的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

9feb4047e8afbb4bc88291c3aa96111e.png

css怎么让首行文字缩进?

在css中,我们可以使用text-indent属性来实现首行缩进效果。该属性可以让每个段落首行开头文字缩进,如缩进2个文字距离样式。

text-indent 属性可以设置文本块(块级元素)中首行文本的缩进;它允许使用负值,但如果使用了负值,那么首行会被缩进到左边。

属性值:length:定义固定的缩进,默认值为0。

%:定义基于父元素宽度的百分比的缩进。

text-indent的值跟数字+单位组成缩进样式。

示例:

p {text-indent:35px;}

这是一段测试代码,是关于css文本缩进的一段文字。这是一段测试代码,是关于css文本缩进的一段文字。

这是一段测试代码,是关于css文本缩进的一段文字。这是一段测试代码,是关于css文本缩进的一段文字。

这是一段测试代码,是关于css文本缩进的一段文字。这是一段测试代码,是关于css文本缩进的一段文字。

这是一段测试代码,是关于css文本缩进的一段文字。这是一段测试代码,是关于css文本缩进的一段文字。

这是一段测试代码,是关于css文本缩进的一段文字。这是一段测试代码,是关于css文本缩进的一段文字。

这是一段测试代码,是关于css文本缩进的一段文字。这是一段测试代码,是关于css文本缩进的一段文字。

效果图:

d69517702ca408de4cddcdf7a67450d5.png

更多web前端开发知识,请查阅 HTML中文网 !!

最后

以上就是开放小笼包为你收集整理的html文本首字母缩进,css怎么让首行文字缩进?的全部内容,希望文章能够帮你解决html文本首字母缩进,css怎么让首行文字缩进?所遇到的程序开发问题。

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

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

评论列表共有 0 条评论

立即
投稿
返回
顶部